Hi,
Ik heb een layout gemaakt in photoshop van 800x600 pxs. Het problmee is dat ie niet mee rekt. Ik kan dus maar beperkt tekst erin zetten. Hoe zorg ik ervoor dat ie wel mee rekt in de lengte?
bedankt alvast
871 views
Op een heleboel manieren.
Maar je zal toch even je broncode moeten posten/linken, want zo kunnen we natuurlijk niet zien welke manier hier van toepassing is ^^,
Maar je zal toch even je broncode moeten posten/linken, want zo kunnen we natuurlijk niet zien welke manier hier van toepassing is ^^,
hier is mijn broncode dan
<html>
<head>
<title>Nouskie's dreads & vlecht fantasie</title>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<br>
<center>
<table id="Table_01" width="801" height="750" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11"><img src="images/site_01.gif" width="800" height="133" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="133" alt=""></td>
</tr>
<tr>
<td colspan="10"><img src="images/site_02.gif" width="798" height="10" alt=""></td>
<td rowspan="4"><img src="images/site_03.gif" width="2" height="53" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="10" background="images/site_04.gif" width="798" height="30" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td colspan="9"><img src="images/site_05.gif" width="797" height="10" alt=""></td>
<td rowspan="2"><img src="images/site_06.gif" width="1" height="13" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="9"><img src="images/site_07.gif" width="797" height="3" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td rowspan="6"><img src="images/site_08.gif" width="3" height="529" alt=""></td>
<td rowspan="2"><img src="images/site_09.gif" width="135" height="25" alt=""></td>
<td rowspan="6"><img src="images/site_10.gif" width="2" height="529" alt=""></td>
<td rowspan="5"><img src="images/site_11.gif" width="10" height="528" alt=""></td>
<td rowspan="5" background="images/site_12.gif" width="500" height="528" alt="" class="blaat" valign=top>
<div align="center"><br>
<br>
<br>
<br>
<br>
<strong>Welkom op Nouskie's dreads & vlecht fantasie.</strong><br><br>
Hier kom je alles te weten over dreads en vlechtjes.<br> Misschien wil je zelf ook zo'n stoer kapsel.<br>
Neem dan contact op met mij. Ik wens je verder veel kijk en leesplezier.<br><br>
Groetjes, Anouska.
</div>
<br><br><br>
<table border="0" cellspacing="2" cellpadding="1" align="center">
<tr>
<td scope="col">
<img src="images/dreadz.jpg" alt="Nouskie's vlecht fantasie" width="336">
</td>
</tr>
</table>
</td>
<td rowspan="6"><img src="images/site_13.gif" width="1" height="529" alt=""></td>
<td rowspan="5"><img src="images/site_14.gif" width="11" height="528" alt=""></td>
<td rowspan="6"><img src="images/site_15.gif" width="1" height="529" alt=""></td>
<td><img src="images/site_16.gif" width="134" height="23" alt=""></td>
<td colspan="2" rowspan="6"><img src="images/site_17.gif" width="3" height="529" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td rowspan="2" background="images/site_18.gif" width="134" height="236" alt="" valign="top">
<div align="center"><br><br>
<a href="http://www.caramello.nl"; target="_blank"><img src="images/caramello.gif" alt="www.caramello.nl" width="125" height="30" border="0"></a><br><br>
<a href="http://dreadlocks.startkabel.nl" target="_blank"><img src="images/startkabel.gif" alt="dreadlocks.startkabel.nl" width="125" height="30" border="0"></a><br><br>
<a href="http://hairextensions.beginthier.nl" target="_blank"><img src="images/beginthier.gif" alt="Beginthier.nl" width="125" height="30" border="0"></a><br><br>
</div></td>
<td><img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td rowspan="4" background="images/site_19.gif" width="135" height="504" alt="" valign="top" class="lol">
<br><br>
<table border="0" cellspacing="2" cellpadding="1" align="center" class="lol">
<tr>
<td scope="col"><img src="images/square.gif"> <a href="index.php">Home</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="anouska.php">Wie ben ik?</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="dreads.php">Dreads</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="vlechten.php">Vlechtjes</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="cornrows.php">Cornrows</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="ring.php">Kleurenring</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="fotos.php">Foto's</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="prijzen.php">Prijzen</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="afspraak.php">Afspraak?</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="gestbook.php">Gastenboek</a></td>
</tr>
</table>
</td>
<td><img src="images/spacer.gif" width="1" height="234" alt=""></td>
</tr>
<tr>
<td><img src="images/site_20.gif" width="134" height="25" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr><td rowspan="2" background="images/site_21.gif" width="134" height="245" alt=""> </td>
<td><img src="images/spacer.gif" width="1" height="244" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="images/site_22.gif" width="510" height="1" alt=""></td>
<td><img src="images/site_23.gif" width="11" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="11"><img src="images/site_24.gif" width="800" height="35" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="35" alt=""></td>
</tr>
</table>
</center>
</body>
</html>
<html>
<head>
<title>Nouskie's dreads & vlecht fantasie</title>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<br>
<center>
<table id="Table_01" width="801" height="750" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11"><img src="images/site_01.gif" width="800" height="133" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="133" alt=""></td>
</tr>
<tr>
<td colspan="10"><img src="images/site_02.gif" width="798" height="10" alt=""></td>
<td rowspan="4"><img src="images/site_03.gif" width="2" height="53" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="10" background="images/site_04.gif" width="798" height="30" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td colspan="9"><img src="images/site_05.gif" width="797" height="10" alt=""></td>
<td rowspan="2"><img src="images/site_06.gif" width="1" height="13" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="9"><img src="images/site_07.gif" width="797" height="3" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td rowspan="6"><img src="images/site_08.gif" width="3" height="529" alt=""></td>
<td rowspan="2"><img src="images/site_09.gif" width="135" height="25" alt=""></td>
<td rowspan="6"><img src="images/site_10.gif" width="2" height="529" alt=""></td>
<td rowspan="5"><img src="images/site_11.gif" width="10" height="528" alt=""></td>
<td rowspan="5" background="images/site_12.gif" width="500" height="528" alt="" class="blaat" valign=top>
<div align="center"><br>
<br>
<br>
<br>
<br>
<strong>Welkom op Nouskie's dreads & vlecht fantasie.</strong><br><br>
Hier kom je alles te weten over dreads en vlechtjes.<br> Misschien wil je zelf ook zo'n stoer kapsel.<br>
Neem dan contact op met mij. Ik wens je verder veel kijk en leesplezier.<br><br>
Groetjes, Anouska.
</div>
<br><br><br>
<table border="0" cellspacing="2" cellpadding="1" align="center">
<tr>
<td scope="col">
<img src="images/dreadz.jpg" alt="Nouskie's vlecht fantasie" width="336">
</td>
</tr>
</table>
</td>
<td rowspan="6"><img src="images/site_13.gif" width="1" height="529" alt=""></td>
<td rowspan="5"><img src="images/site_14.gif" width="11" height="528" alt=""></td>
<td rowspan="6"><img src="images/site_15.gif" width="1" height="529" alt=""></td>
<td><img src="images/site_16.gif" width="134" height="23" alt=""></td>
<td colspan="2" rowspan="6"><img src="images/site_17.gif" width="3" height="529" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td rowspan="2" background="images/site_18.gif" width="134" height="236" alt="" valign="top">
<div align="center"><br><br>
<a href="http://www.caramello.nl"; target="_blank"><img src="images/caramello.gif" alt="www.caramello.nl" width="125" height="30" border="0"></a><br><br>
<a href="http://dreadlocks.startkabel.nl" target="_blank"><img src="images/startkabel.gif" alt="dreadlocks.startkabel.nl" width="125" height="30" border="0"></a><br><br>
<a href="http://hairextensions.beginthier.nl" target="_blank"><img src="images/beginthier.gif" alt="Beginthier.nl" width="125" height="30" border="0"></a><br><br>
</div></td>
<td><img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td rowspan="4" background="images/site_19.gif" width="135" height="504" alt="" valign="top" class="lol">
<br><br>
<table border="0" cellspacing="2" cellpadding="1" align="center" class="lol">
<tr>
<td scope="col"><img src="images/square.gif"> <a href="index.php">Home</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="anouska.php">Wie ben ik?</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="dreads.php">Dreads</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="vlechten.php">Vlechtjes</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="cornrows.php">Cornrows</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="ring.php">Kleurenring</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="fotos.php">Foto's</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="prijzen.php">Prijzen</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="afspraak.php">Afspraak?</a></td>
</tr>
<tr>
<td><img src="images/square.gif"> <a href="gestbook.php">Gastenboek</a></td>
</tr>
</table>
</td>
<td><img src="images/spacer.gif" width="1" height="234" alt=""></td>
</tr>
<tr>
<td><img src="images/site_20.gif" width="134" height="25" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr><td rowspan="2" background="images/site_21.gif" width="134" height="245" alt=""> </td>
<td><img src="images/spacer.gif" width="1" height="244" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="images/site_22.gif" width="510" height="1" alt=""></td>
<td><img src="images/site_23.gif" width="11" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="11"><img src="images/site_24.gif" width="800" height="35" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="35" alt=""></td>
</tr>
</table>
</center>
</body>
</html>
Helpt iemand me nog? :$
Je geeft de tabel breedte zelf al op dus houdt IE (of andere) dat formaat aan dus vervang de breedtes bij de meeste door niets
Michel
Michel
of gwoon width="100%"
Ok thx ik zal eens proberen
trouwens ik had het over lengte en niet breedte
height="100%" ;)
komt door Michel beetje in de war gebr8 :P
komt door Michel beetje in de war gebr8 :P
height="100%" is niet html valid in een TD
hoe moet ik dan doen plz help