день добрый, товарищи. А подскажите, пожалуйста как реализовать следующую таблицу. Я ни как не могу добиться что бы оба столбца тянулись одновременно=(
HTML: <table style="padding:0; margin:0" border=1 height=240 width=100% cellpadding="0" cellspacing="0"> <tr> <td rowspan=3 width=80%>1</td> <td valign=top height=240 width=493> <img border=0 src="./img/logo.jpg"> </td> <td height=240 width=90% valign=bottom align=left style="background-image: url(./img/gr.jpg);background-repeat:repeat-x "> <?echo $top?> <img src="./img/none.gif"> <br> </td><td rowspan=3 width=100%>2</td> <td valign=top height=240> <?echo $img?> </td> </tr> <tr> <td align=left colspan=2 style="background-image: url(./img/line.jpg); height:18px; background-repeat:no-repeat "> <div width=150 style="color: #C04400; font-weight: normal; font-size: 21px; line-height:80%; margin:0; padding:0 0 0 135px; height:18px; font-family:Tahoma;"> (495) 933 58 60 </div> </td><td>3</td> </tr> <tr> <td style="background-image: url(./img/bl.jpg);background-repeat:repeat-x "></td> <td colspan=1 style="background-image: url(./img/bl_dop.jpg);background-repeat:repeat-x "> <!--[if IE]> <img src=./img/bl_dop.jpg> <div style="position: absolute; z-index: 3;top: 310px;left:360px; margin-bottom:0"><?echo $men?></div> <![endif]--> <![if !IE]> <div style="position: relative; height:41px; z-index: 3;margin-left:-130px; padding-top:6px; margin-bottom:0"><?echo $men?></div> <![endif]> </td> <td>5</td> </tr> </table> тянется только самый левый столбец. код такой странный, потому что сначала сверстал, а потом появились нове пожелания к вёрстке. мне, в общем показалось, что на картинке достаточно понятно=))
А, прости. У меня Imageshack Добавлен в adblock. А как вообще таблица работает? Посчитай сумму % и пикселей, которые ты указал.
Таблица как на рисунке: [css]table { width:100%; height:240px; border-collapse:collapse; } td { border:1px solid black; } .c200{ width:200px; height:65%; } .c100{ width:100px; } .h24{ height:28%; } [/css] HTML: <table> <tr> <td rowspan='3'> </td> <td class='c200'> </td> <td class='c200'> </td> <td rowspan='3'> </td> <td rowspan='3' class='c100'> </td> </tr> <tr> <td colspan='2'> </td> </tr> <tr> <td colspan='2' class='h24'> </td> </tr> </table>