Bilder werden komplett anders angezeigt

sucka · 31.03.2006, 23:28

Hallo,

ich hab heute begonnen mit Dreamweaver zu arbeiten.

Ich versuche eine Seite darzustellen, auf der mehrer Bilder unter- und nebneinander dargestellt werden. Ich habe dazu Tabellen estellt und die Bilder eingefügt. Das sieht dann so aus.

Doch im Browser sieht das komplett anders aus, nämlich so .

Ich habe schon öfters gehört, dass Dreamweaver da immer was verschiebt. Aber was muss ich dann am HTML Text verändern?

danke

mfg

mamba · 01.04.2006, 01:08

Poste doch mal den gesamten Code bitte, so kann man kaum erkennen was falsch ist

Rinaldo · 01.04.2006, 07:48

Ich vermute mal, das es daran liegt:

keine Breite angegeben für die Spalten - also zieht sie der Browser zusammen... Einfach Breite für die Spalten angeben und es sollte gehen.

sucka · 01.04.2006, 12:43

Also hier ist es wie es mir in DW angezeigt wird.

Und das ist der code:

Zitat:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Werbekampagne.net - portfolio of nassim amar - Websites</title>
<style>
td{font-family:Verdana;font-size:11px;color:#ffffff}
a{color:#94B2FF}
li{color:#94B2FF}
</style>
</head>

<body topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0">
<table cellpadding="0" cellspacing="0" border="0" height="100%">
<tr>
<td rowspan="10" width="50%" height="100%" background="images/bg1222.jpg" style="background-position:right top; background-repeat:repeat-y"></td>
<td rowspan="10" width="1" bgcolor="#000000"></td>
<td>
<OBJECT classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=718 HEIGHT=277>
<PARAM NAME=movie VALUE="0138.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#ffffff>
<EMBED src="0138.swf" quality=high bgcolor=#ffffff WIDTH=718 HEIGHT=277 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>
</td>
<td rowspan="10" width="1" bgcolor="#000000"></td>
<td rowspan="10" width="50%" height="100%" background="images/bg1223.jpg" style="background-position:left top; background-repeat:repeat-y"></td>
</tr>
<tr>
<td valign="top" height="100%" bgcolor="#315E87">
<table cellpadding="0" cellspacing="0" border="0" height="100%">
<tr>
<td colspan="2" valign="top"><img src="images/subheader.jpg"></td>

<tr>
</tr>
<td width="402" height="100%" bgcolor="#ffffff" valign="top" style="padding-right:20px;padding-top:10px;">
<div align="center"> <br>
<table width="45%" border="0" align="center" cellpadding="1">
<tr>
<td><div align="center"><font color="#FF0000"> Zum Vergroeßern
auf gewünschtes Bild klicken</font></div></td>
</tr>
</table>
<p> </p>
<table width="95%" border="0" align="center" cellpadding="1">
<tr>
<td width="50%"><div align="center"><img src="../../../page1.jpg" width="255" height="198"></div></td>
<td width="50%"><div align="center"><img src="../../../page2.jpg" width="255" height="198"></div></td>
</tr>
</table>
<table width="95%" border="0" cellpadding="1">
<tr>
<td><div align="center"><img src="../../../page3.jpg" width="255" height="198"></div></td>
<td><div align="center"><img src="../../../page4.jpg" width="255" height="198"></div></td>
</tr>
</table>
<table width="95%" border="0" cellpadding="1">
<tr>
<td><div align="center"><img src="../../../page5.jpg" width="255" height="198"></div></td>
<td><div align="center"><img src="../../../page6.jpg" width="255" height="198"></div></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="1">
<tr>
<td><div align="center"><img src="../../../page7.jpg" width="255" height="198"></div></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
</div>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
hierher

</tr>
</table>

</td>
</tr>
<tr>
<td colspan="2"><img src="images/subbot.jpg"></td>
</tr>

</table>
</td>
</tr>
<tr>
<td bgcolor="#FF7E00">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="images/cap03.jpg"></td>
</tr>
<tr>
<td width="718" height="71" background="images/bg03.jpg" style="background-repeat:no-repeat;background-position:bottom" style="color:#000000" style="padding-left:20px;padding-right:20px;" valign="top">

</td>
</tr>
<tr>
<td width="718" height="42" background="images/footer.jpg" style="font-family:Tahoma;font-size:10px;color:#6498C8;padding-left:20px;">© Copyright 2006 by werbekampagne.net</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

mfg

mamba · 01.04.2006, 23:45

Also für mich liegt das Problem ganz klar an folgendem:

<td width="402" height="100%" bgcolor="#ffffff" valign="top" style="padding-right:20px;padding-top:10px;">

Und in dieser td liegt dann die Tabelle mit 95% Breite, in der zwei Bilder mit je 255 pixeln Breite liegen. Das kann so nicht gehen

sucka · 02.04.2006, 11:13

Aha

.

Könntest du mir sagen, was ich an Stelle von dem schreiben soll?

danke