[html/css]zamiana tableki na semantyczny kod Opcje

[oggylwiatko]

Jak zamienić poniżą tablkę tak by kod był semantyczny i zgodny z HTML 4.01 ? Niby można na DIV-ach, ale wychodzi strasznie dużo kodu :/ Może macie jakiś pomysł ? Męczę się z tym od paru godzin :/

Kod

<CENTER><TABLE cellpadding="0" cellspacing="0" width="90%">
<TR>
<TD style="width: 20px; height: 20px; background: url(images/page_01.png) no-repeat;"></TD>
<TD style="height: 20px; background-color: #FFFFFF"></TD>
<TD style="width: 28px; height: 20px; background: url(images/page_02.png) no-repeat;"></TD>
</TR>
<TR>
<TD style="width: 20px; background-color: #FFFFFF"></TD>
<TD style="background-color: #FFFFFF">a<br><br><br><br><br><br><br><br><br><br></TD>
<TD style="width: 28px; height: 20px; background: url(images/page_05.png) repeat-y;"></TD>
</TR>
<TR>
<TD style="width: 20px; height: 28px; background: url(images/page_04.png) no-repeat;"></TD>
<TD style="height: 28px; background: url(images/page_06.png) repeat-x;"></TD>
<TD style="width: 28px; height: 28px; background: url(images/page_03.png) no-repeat;"></TD>
</TR>
</TABLE></CENTER>

Ten post edytował oggylwiatko 11.09.2008, 18:43:18

[oggylwiatko]

Wpadłem na lepszy pomysł.
Kod jak najbardziej semantyczny i zgodny z html 4.01 czyli:

Kod

<DIV id="main">
a<br><br><br><br><br><br><br><br><br><br>
</DIV>

... a resztę zrobię za pomocą css i pseudolementów after i before (chociaż będzie to wymagało innego pocięcia obrazków, ale duży problem to to nie jest) (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

[JoShiMa]

Wpadłem na lepszy pomysł.
Kod jak najbardziej semantyczny i zgodny z html 4.01 czyli:

Kod

<DIV id="main">
a<br><br><br><br><br><br><br><br><br><br>
</DIV>

... a resztę zrobię za pomocą css i pseudolementów after i before (chociaż będzie to wymagało innego pocięcia obrazków, ale duży problem to to nie jest) (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Cudowny pomysł szczególnie ten fragment kodu:
<br><br><br><br><br><br><br><br><br><br>
jest supersemantyczny. O padding w css nie słyszałeś?