Tableless oldalfelépítés
Üdv!
Segítségre lenne szükségem, mert az egyik oldalamnál egy script segítségével felépítettem egy táblázatot, ami a W3C szerint nem valid. Ezen az oldalon egy képgaléria indexképeit szerettem volna megjeleníteni a következő script-el.
részlet:Az összes </..> elemnél hibaként a "end tag for element "A" which is not open" hibát kaptam. Gondoltam egy merészet, és táblázat nélkül próbáltam mindezt megtenni:css -ben pedig minden kép kapott 5px margót.
Ez egyszerűbb is, és talán még valid is, de nem tudom megoldani azt, hogy míg a táblázatos oldalfelépítésnél a td {text-align:center;} utasítással az álló ill. a fekvő képek között a távolság értelem szerüen változott, mert fix volt a cella szélessége. Tábla nélkül viszont minden kép között 10px távolság van. Ez azért nem jó, mert a táblázatos megoldásnál, ha volt a sorban állókép, akkor is ugyan annyi volt a sor szélessége, mig az új megoldásnál összeugrik az a sor. Na ezt a problémát szeretném kiküszöbölni, remélem érthetően írtam le. Minden megoldás érdekel.
■ Segítségre lenne szükségem, mert az egyik oldalamnál egy script segítségével felépítettem egy táblázatot, ami a W3C szerint nem valid. Ezen az oldalon egy képgaléria indexképeit szerettem volna megjeleníteni a következő script-el.
részlet:
<script language="JavaScript" type="text/javascript">
<!--
var c=0;
d.write("<center><table border='0' cellpadding='10' cellspacing='0'><tr>");
for(a=1;a<8;a++){
for(b=1;b<6;b++){c++;d.write("<td><a><img src='index/ip"+c+".jpg' id='p"+c+"' onmouseout='keret_off(this.id)' onmouseover='keret_on(this.id)' onclick='mutat(this.id)'></a></td>");}
d.write("</tr><tr>");}
d.write("<td></td><td><img src='index/ip36.jpg' id='p36' onmouseout='keret_off(this.id)' onmouseover='keret_on(this.id)' onclick='mutat(this.id)'></td><td></td><td><img src='index/ip37.jpg' id='p37' onmouseout='keret_off(this.id)' onmouseover='keret_on(this.id)' onclick='mutat(this.id)'></td>");
d.write("</tr></table></center>");
-->
</script>
<script language="JavaScript" type="text/javascript">
<!--
var c=0;
d.write("<center>");
for(a=1;a<8;a++){
for(b=1;b<6;b++){c++;d.write("<img src='index/ip"+c+".jpg' id='p"+c+"' onmouseout='keret_off(this.id)' onmouseover='keret_on(this.id)' onclick='mutat(this.id)'>");}
d.write("<br>");}
d.write("</center>");
-->
</script>
Ez egyszerűbb is, és talán még valid is, de nem tudom megoldani azt, hogy míg a táblázatos oldalfelépítésnél a td {text-align:center;} utasítással az álló ill. a fekvő képek között a távolság értelem szerüen változott, mert fix volt a cella szélessége. Tábla nélkül viszont minden kép között 10px távolság van. Ez azért nem jó, mert a táblázatos megoldásnál, ha volt a sorban állókép, akkor is ugyan annyi volt a sor szélessége, mig az új megoldásnál összeugrik az a sor. Na ezt a problémát szeretném kiküszöbölni, remélem érthetően írtam le. Minden megoldás érdekel.
Oldal címe...
Azért légy oly drága, és tedd ki az oldal linkjét, hogy meg tudjuk nézni a validátor üzeneteit. Ugyanis nagyon szép a script, de én ebből nem lettem okosabb.
János
Bocsi
Mivel IFRAME -et használok, ezért a menüben > Hírek és ott bármelyik "A rendezvényen készült képeket itt megtekintheti" link.
W3C -hez a direkt link: www.diagnosticum.hu/hun/data/hirek/allergia2005/galeria/galeria.html
Nincs hiba...
Félreértesz!
Nem láttam semmit.
Köszi.
Javascriptben
1000 hála!!!
Müködik, valid, tökéletes. Csak, hogy tanuljak a dologból:
Miért így kell csinálni?
link