HTML/PHP/AJAX/JS - Konwersja Tabel Na Divy z CSS
Bucu - 07-01-2009, 02:26 Temat postu: Konwersja Tabel Na Divy z CSS Witam, mam problem - otóż zrobiłem sobie szablon ale niestety uzywając <table> co teraz skutkuje rozjeżdzaniem się. Niestety w divach nie orientuję się za dobrze i prosilbym kogoś obeznanego na codzien z tym o konwersję tego kodu na div z css.
Z góry serdecznie dziękuję.
Kod: | <TABLE WIDTH=1152 BORDER=0 CELLPADDING=0 CELLSPACING=0 border=0>
<TR>
<TD COLSPAN=10 background="images/index_01.png"></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=116 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/index_02.png" WIDTH=466 HEIGHT=17 ALT=""></TD>
<TD COLSPAN=4 ROWSPAN=2>
<IMG SRC="images/index_03.png" WIDTH=219 HEIGHT=18 ALT=""></TD>
<TD COLSPAN=4 ROWSPAN=3>
<IMG SRC="images/index_04.png" WIDTH=467 HEIGHT=50 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=7 valign=top>
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
WIDTH="553" HEIGHT="401" id="myMovieName"><PARAM NAME=movie VALUE="images/left.swf"><PARAM NAME=quality VALUE=high><PARAM NAME=bgcolor VALUE=#FFFFFF><EMBED src="images/left.swf" quality=high bgcolor=#000000 WIDTH="401" HEIGHT="535"
NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT></TD>
<TD ROWSPAN=3>
<IMG SRC="images/index_06.png" WIDTH=65 HEIGHT=50 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=2>
<IMG SRC="images/index_07.png" WIDTH=219 HEIGHT=49 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=32 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/index_08.png" WIDTH=132 HEIGHT=17 ALT=""></TD>
<TD ROWSPAN=2 background="images/index_09.png" align=center valign=middle></TD>
<TD ROWSPAN=8>
<IMG SRC="images/index_10.png" WIDTH=234 HEIGHT=652 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=6 ROWSPAN=3 background="images/index_11.png" align=center valign=top height=425> </TD>
<TD ROWSPAN=7>
<IMG SRC="images/index_12.png" WIDTH=49 HEIGHT=635 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=67 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_13.png" WIDTH=101 HEIGHT=50 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=50 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3 background="images/index_14.png" align=center valign=top>
<div class=menuheader>Main Menu</div><br/>
</TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=317 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=6 ROWSPAN=3>
<IMG SRC="images/index_15.png" WIDTH=367 HEIGHT=166 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=51 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="images/index_16.png" WIDTH=401 HEIGHT=150 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=16 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/index_17.png" WIDTH=101 HEIGHT=134 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=99 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/index_18.png" WIDTH=149 HEIGHT=35 ALT=""></TD>
<TD>
<a href="#"><IMG SRC="images/index_19.png" WIDTH=50 HEIGHT=35 border="0"></a></TD>
<TD>
<a href="#" target=_blank><IMG SRC="images/index_20.png" WIDTH=68 HEIGHT=35 border="0"></a></TD>
<TD COLSPAN=2>
<IMG SRC="images/index_21.png" WIDTH=100 HEIGHT=35 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=35 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=401 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=65 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=84 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=50 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=68 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=83 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=49 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=101 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=234 HEIGHT=1 ALT=""></TD>
<TD></TD>
</TR>
</TABLE> |
gdyby tabelka miała prostszą strukturę to bym sam dał radę, ale za duzo tu colspanów i rowspanów.
Dziękuję jeszcze raz za pomoc
joli - 07-01-2009, 22:03
Wybacz, ale tu jest taki burdel, ze się nie dziwię, ze sie rozjezdza. Nie da sie z tego nic zrobic.
Bucu - 08-01-2009, 11:25
Już Sobie poradziłem - a i porada dla innych - nie korzystajcie nigdy z Zapisywania pocietych stron do HTML w photoshopie
|
|
|