Версия для печати темы
Нажмите сюда для просмотра этой темы в обычном формате
Форум веб-мастеров _ Языки разметки (HTML, XML, CSS, ...) и JavaScript _ Выравниванивание тиблиц
Автор: -TNT- 2.4.2008, 15:10
Подскажите плиз..., как выравнивать внутри главной таблицы, новые таблицы (они автоматически добавляются), таким образом:
Автор: gid 2.4.2008, 17:29
Я для подобного выравнивания писал отдельную функцию на php, которая в нужных местах разделяла таблицу с помощью ячеек, если интересен этот вариант, то поищу этот код...
А так, если только средствами html, то это можно попробовать сделать с помощью css, правда кроссбраузерность при этом будет страдать.
Автор: -TNT- 13.4.2008, 0:55
gid
Можешь на css пример привести?
Вот таким образом сделал, только не везде работает:
Код
<table border="1" style="border-collapse: collapse" width="500px" cellspacing="0" cellpadding="0">
<tr>
<td>
<div style="width:50%; float: left"><table border="1" style="border-collapse: collapse" width="250px" cellspacing="0" cellpadding="0"><tr><td>123</td></tr></table></div>
<div style="width:50%; float: left"><table border="1" style="border-collapse: collapse" width="250px" cellspacing="0" cellpadding="0"><tr><td>123</td></tr></table></div>
<div style="width:50%; float: left"><table border="1" style="border-collapse: collapse" width="250px" cellspacing="0" cellpadding="0"><tr><td>123</td></tr></table></div>
<div style="width:50%; float: left"><table border="1" style="border-collapse: collapse" width="250px" cellspacing="0" cellpadding="0"><tr><td>123</td></tr></table></div>
<div style="width:50%; float: left"><table border="1" style="border-collapse: collapse" width="250px" cellspacing="0" cellpadding="0"><tr><td>123</td></tr></table></div>
<div style="width:50%; float: left"><table border="1" style="border-collapse: collapse" width="250px" cellspacing="0" cellpadding="0"><tr><td>123</td></tr></table></div>
</td>
</tr>
</table>
<tr>
<td>
<div style="width:50%; float: left"><table border="1" style="border-collapse: collapse" width="250px" cellspacing="0" cellpadding="0"><tr><td>123</td></tr></table></div>
<div style="width:50%; float: left"><table border="1" style="border-collapse: collapse" width="250px" cellspacing="0" cellpadding="0"><tr><td>123</td></tr></table></div>
<div style="width:50%; float: left"><table border="1" style="border-collapse: collapse" width="250px" cellspacing="0" cellpadding="0"><tr><td>123</td></tr></table></div>
<div style="width:50%; float: left"><table border="1" style="border-collapse: collapse" width="250px" cellspacing="0" cellpadding="0"><tr><td>123</td></tr></table></div>
<div style="width:50%; float: left"><table border="1" style="border-collapse: collapse" width="250px" cellspacing="0" cellpadding="0"><tr><td>123</td></tr></table></div>
<div style="width:50%; float: left"><table border="1" style="border-collapse: collapse" width="250px" cellspacing="0" cellpadding="0"><tr><td>123</td></tr></table></div>
</td>
</tr>
</table>
Invision Power Board ()
© Invision Power Services ()