Beste lezer.
Ik zit met een probleem. Ik ben bezig met een site, die moet uitrekbaar worden. Alleen dit wil niet lukken. Ik maak gebruik van CSS (Nog wel een rotzooi omdat er nog vele veranderd moet worden, maar geheel is er.). Maar ik heb zo'n gevoel dat er een fout zit in mijn CSS. Hieronder de index, waar meteen de CSS inzit:
[code="php"]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Voetbal-breed.nl| Versie 2.5| De plaatst voor de echte voetbalfan</title>
<style type="text/css">
body {text-decoration: none;
margin: 0px;
background-color: EDDABB;
font-family: Verdana;
font-size: 0.8em;
width: 100%
padding: 100px;
}
.style1 {
font-family: Tahoma;
color: #FFFFFF;
font-weight: bold
}
a:BODY,table {
font-family: Verdana;
font-size: 8pt;
color: #000000;
font-style: normal;
text-decoration: none;
margin: 0px;
}
a:link {
text-decoration: none;
margin: 0px;
COLOR: #000000;
FONT-SIZE: 8pt;
FONT-FaMILY: Verdana;
font-style: normal;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
font-size: 8pt;
font-style: normal;
line-height: 10px;
}
</style>
</head>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (layout1.psd) -->
<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=17>
<IMG SRC="images/index_01.gif" WIDTH=336 HEIGHT=64 ALT=""></TD>
<TD COLSPAN=8 ROWSPAN=3>
<IMG SRC="images/index_02.gif" WIDTH=458 HEIGHT=82 ALT=""></TD>
<TD ROWSPAN=32>
<IMG SRC="images/index_03.gif" WIDTH=6 HEIGHT=600 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=64 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=31>
<IMG SRC="images/index_04.gif" WIDTH=23 HEIGHT=536 ALT=""></TD>
<TD COLSPAN=13>
<IMG SRC="images/index_05.gif" WIDTH=289 HEIGHT=10 ALT=""></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/index_06.gif" WIDTH=24 HEIGHT=18 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=10 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=13>
<IMG SRC="images/index_07.gif" WIDTH=289 HEIGHT=8 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/index_08.gif" WIDTH=172 HEIGHT=5 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=2>
<IMG SRC="images/index_09.gif" WIDTH=49 HEIGHT=20 ALT=""></TD>
<TD COLSPAN=8 ROWSPAN=2>
<IMG SRC="images/index_10.gif" WIDTH=51 HEIGHT=20 ALT=""></TD>
<TD COLSPAN=5 ROWSPAN=2>
<IMG SRC="images/index_11.gif" WIDTH=66 HEIGHT=20 ALT=""></TD>
<TD ROWSPAN=2>
<IMG SRC="images/index_12.gif" WIDTH=78 HEIGHT=20 ALT=""></TD>
<TD ROWSPAN=2>
<IMG SRC="images/index_13.gif" WIDTH=54 HEIGHT=20 ALT=""></TD>
<TD ROWSPAN=2>
<IMG SRC="images/index_14.gif" WIDTH=84 HEIGHT=20 ALT=""></TD>
<TD ROWSPAN=2>
<IMG SRC="images/index_15.gif" WIDTH=56 HEIGHT=20 ALT=""></TD>
<TD ROWSPAN=2>
<IMG SRC="images/index_16.gif" WIDTH=90 HEIGHT=20 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=2>
<IMG SRC="images/index_17.gif" WIDTH=71 HEIGHT=20 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=5 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=9>
<IMG SRC="images/index_18.gif" WIDTH=160 HEIGHT=120 ALT=""></TD>
<TD ROWSPAN=28>
<IMG SRC="images/index_19.gif" WIDTH=12 HEIGHT=513 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=15 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=22>
<IMG SRC="images/index_20.gif" WIDTH=599 HEIGHT=13 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=13 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/index_21.gif" WIDTH=59 HEIGHT=17 ALT=""></TD>
<TD COLSPAN=19>
<IMG SRC="images/index_22.gif" WIDTH=540 HEIGHT=4 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=4 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=11>
<IMG SRC="images/index_23.gif" WIDTH=82 HEIGHT=13 ALT=""></TD>
<TD COLSPAN=7 ROWSPAN=2>
<IMG SRC="images/index_24.gif" WIDTH=452 HEIGHT=29 ALT=""></TD>
<TD ROWSPAN=25>
<IMG SRC="images/index_25.gif" WIDTH=6 HEIGHT=481 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=13 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/index_26.gif" WIDTH=65 HEIGHT=16 ALT=""></TD>
<TD COLSPAN=10>
<IMG SRC="images/index_27.gif" WIDTH=76 HEIGHT=16 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=16 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=8>
<IMG SRC="images/index_28.gif" WIDTH=86 HEIGHT=16 ALT=""></TD>
<TD COLSPAN=6 ROWSPAN=7>
<IMG SRC="images/index_29.gif" WIDTH=55 HEIGHT=85 ALT=""></TD>
<TD COLSPAN=7 ROWSPAN=8>
<div class="body">Games<br>
<br>
<br>
<br>
<br>
<br>
</div></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=16 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_31.gif" WIDTH=38 HEIGHT=17 ALT=""></TD>
<TD COLSPAN=7>
<IMG SRC="images/index_32.gif" WIDTH=48 HEIGHT=17 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/index_33.gif" WIDTH=65 HEIGHT=17 ALT=""></TD>
<TD COLSPAN=4 ROWSPAN=4>
<IMG SRC="images/index_34.gif" WIDTH=21 HEIGHT=37 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=3>
<IMG SRC="images/index_35.gif" WIDTH=65 HEIGHT=20 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=9 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_36.gif" WIDTH=160 HEIGHT=7 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=7 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=9>
<IMG SRC="images/index_37.gif" WIDTH=160 HEIGHT=120 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=4 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/index_38.gif" WIDTH=69 HEIGHT=15 ALT=""></TD>
<TD COLSPAN=3>
<IMG SRC="images/index_39.gif" WIDTH=17 HEIGHT=15 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=15 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=13 ROWSPAN=2>
<IMG SRC="images/index_40.gif" WIDTH=131 HEIGHT=18 ALT=""></TD>
<TD ROWSPAN=16>
<IMG SRC="images/index_41.gif" WIDTH=10 HEIGHT=367 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=9 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/index_42.gif" WIDTH=452 HEIGHT=9 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=9 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=9>
<IMG SRC="images/index_43.gif" WIDTH=91 HEIGHT=23 ALT=""></TD>
<TD COLSPAN=4 ROWSPAN=4>
<IMG SRC="images/index_44.gif" WIDTH=40 HEIGHT=74 ALT=""></TD>
<TD COLSPAN=7 ROWSPAN=2>
<IMG SRC="images/index_45.gif" WIDTH=452 HEIGHT=38 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/index_46.gif" WIDTH=78 HEIGHT=15 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=3>
<IMG SRC="images/index_47.gif" WIDTH=13 HEIGHT=51 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=15 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=6>
<IMG SRC="images/index_48.gif" WIDTH=74 HEIGHT=18 ALT=""></TD>
<TD ROWSPAN=2>
<IMG SRC="images/index_49.gif" WIDTH=4 HEIGHT=36 ALT=""></TD>
<TD COLSPAN=7 ROWSPAN=11>
<IMG SRC="images/index_50.gif" WIDTH=452 HEIGHT=302 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=18 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_51.gif" WIDTH=38 HEIGHT=18 ALT=""></TD>
<TD COLSPAN=5>
<IMG SRC="images/index_52.gif" WIDTH=36 HEIGHT=18 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=18 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=12 ROWSPAN=2>
<IMG SRC="images/index_53.gif" WIDTH=122 HEIGHT=17 ALT=""></TD>
<TD ROWSPAN=6>
<IMG SRC="images/index_54.gif" WIDTH=9 HEIGHT=76 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=9 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_55.gif" WIDTH=160 HEIGHT=8 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=5>
<IMG SRC="images/index_56.gif" WIDTH=160 HEIGHT=120 ALT=""></TD>
<TD COLSPAN=7 ROWSPAN=2>
<IMG SRC="images/index_57.gif" WIDTH=78 HEIGHT=16 ALT=""></TD>
<TD COLSPAN=5>
<IMG SRC="images/index_58.gif" WIDTH=44 HEIGHT=4 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=4 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5 ROWSPAN=3>
<IMG SRC="images/index_59.gif" WIDTH=44 HEIGHT=55 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=12 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/index_60.gif" WIDTH=78 HEIGHT=18 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=18 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/index_61.gif" WIDTH=65 HEIGHT=25 ALT=""></TD>
<TD COLSPAN=3>
<IMG SRC="images/index_62.gif" WIDTH=13 HEIGHT=25 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=25 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=13 ROWSPAN=4>
<IMG SRC="images/index_63.gif" WIDTH=131 HEIGHT=199 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=61 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_64.gif" WIDTH=160 HEIGHT=9 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=9 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_65.gif" WIDTH=160 HEIGHT=120 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=120 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_66.gif" WIDTH=160 HEIGHT=9 ALT=""></TD>
<TD COLSPAN=7>
<IMG SRC="images/index_67.gif" WIDTH=452 HEIGHT=9 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=9 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=23 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=160 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=38 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=6 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=4 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=4 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=25 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=78 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=54 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=84 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=56 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=90 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=65 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=6 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=6 HEIGHT=1 ALT=""></TD>
<TD></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>[/code]
Wie o wie kan me verder helpen?
MVG,
Marc
aan alle goede dingen komt een eind, webmasterplein.net 2003 - 2013
wij danken jullie voor al mooie momenten die dankzij dit forum ontstonden - Derk, Rutger en Stef
wij danken jullie voor al mooie momenten die dankzij dit forum ontstonden - Derk, Rutger en Stef
geslicede lay-out uitrekbaar maken lukt niet
13 berichten
• Pagina 1 van 1
geslicede lay-out uitrekbaar maken lukt niet
door Voetbal-Breed » 23 mei 2006 16:04
- Voetbal-Breed
- wmpr
- Berichten: 9
- Geregistreerd: 02 apr 2006 12:13
- Woonplaats: Borculo
Re: geslicede lay-out uitrekbaar maken lukt niet
door mats » 23 mei 2006 16:25
Alles opnieuw scripten , dus vanaf nul beginnen , en alleen de nodige figuren gebruiken , dan ben je al een heel eind opweg.
-
mats - wmpr
- Berichten: 3748
- Geregistreerd: 19 sep 2004 12:00
Re: geslicede lay-out uitrekbaar maken lukt niet
door KillerSponge » 23 mei 2006 16:28
Geslicede lay-outs zijn bijna niet uitrekbaar te maken. Je kan idd beter, zoals mats al zei, vanaf 0 beginnen en alle html zelf schrijven.
Blabla en andere onzin - http://killersponge.nl
-
KillerSponge - Beheerder
- Berichten: 14456
- Geregistreerd: 24 aug 2004 13:05
Re: geslicede lay-out uitrekbaar maken lukt niet
door Voetbal-Breed » 23 mei 2006 16:34
Dat lukt me al helemaal niet. Ik weet gewoon dat er sowieso nog één andere manier moet zijn
- Voetbal-Breed
- wmpr
- Berichten: 9
- Geregistreerd: 02 apr 2006 12:13
- Woonplaats: Borculo
Re: geslicede lay-out uitrekbaar maken lukt niet
door KillerSponge » 23 mei 2006 16:36
Ik kan je zo al vertellen: die is er niet 
Een geslicede lay-out is statisch, omdat die vanaf een (statische) afbeelding is gehaald. Het is een gigantische klus omdat 'rekbaar' te maken. Geloof me, het is simpeler om het helemaal opnieuw te doen. Zo moeilijk is het niet, bovendien doe je er een hoop html/css ervaring mee op ^^
Een geslicede lay-out is statisch, omdat die vanaf een (statische) afbeelding is gehaald. Het is een gigantische klus omdat 'rekbaar' te maken. Geloof me, het is simpeler om het helemaal opnieuw te doen. Zo moeilijk is het niet, bovendien doe je er een hoop html/css ervaring mee op ^^
Blabla en andere onzin - http://killersponge.nl
-
KillerSponge - Beheerder
- Berichten: 14456
- Geregistreerd: 24 aug 2004 13:05
Re: geslicede lay-out uitrekbaar maken lukt niet
door Voetbal-Breed » 24 mei 2006 14:37
- Voetbal-Breed
- wmpr
- Berichten: 9
- Geregistreerd: 02 apr 2006 12:13
- Woonplaats: Borculo
Re: geslicede lay-out uitrekbaar maken lukt niet
door Voetbal-Breed » 25 mei 2006 14:07
- Voetbal-Breed
- wmpr
- Berichten: 9
- Geregistreerd: 02 apr 2006 12:13
- Woonplaats: Borculo
Re: geslicede lay-out uitrekbaar maken lukt niet
door Weeeyaa » 25 mei 2006 15:01
-
Weeeyaa - wmpr
- Berichten: 2796
- Geregistreerd: 10 jul 2004 07:39
Re: geslicede lay-out uitrekbaar maken lukt niet
door Voetbal-Breed » 25 mei 2006 15:20
- Voetbal-Breed
- wmpr
- Berichten: 9
- Geregistreerd: 02 apr 2006 12:13
- Woonplaats: Borculo
Re: geslicede lay-out uitrekbaar maken lukt niet
door Voetbal-Breed » 25 mei 2006 18:38
- Voetbal-Breed
- wmpr
- Berichten: 9
- Geregistreerd: 02 apr 2006 12:13
- Woonplaats: Borculo
13 berichten
• Pagina 1 van 1
Keer terug naar HTML, CSS, Javascript