[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

[ferrero2]

Tak pomysł jest taki jak napisałeś :
Zrobić to na divach.
Jeśli dobrze je porozkładasz to wcale dużo kodu nie ma.
Elementy liniowe możesz dodawać za pomocą <span> , blokowe <div>
Piszesz strukturę strony - style definiujesz w oddzielnym pliku.

Na tabelkach nie powinno się robić układów stron więc jak chcesz mieć zgodny kod to rób na divach.

Pozdrawiam