Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > позиционировать картинки в <TD> или <TH>


Автор: Michael.de 15.10.2009, 23:38
Всем привет smile

Обрисую ситуацию: в PHP генерируется HTML-таблица с переменным количеством строк и столбцов. Т.е. хотя ячейка и имеет фиксированные размеры, ширина таблицы будет переменная. Заголовок таблицы ("шапку") я хотел бы иметь следующего вида: картинка слева (пара пикселей от левого края), посередине заголовок и симметрично левой картинка справа. Мне бы желательно "резиновое" решение (без фиксирования width и т.п.).

Вот пример кода, но пикчи там не по краям:
Код

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'>
<style type='text/css'>
 td {width:200px; height:150px}
 th {height:30px}
</style>
</head>
<body>
<table style='border:1px solid #77C' rules='all'>
<thead>
<tr>
<th><img src='left.jpg' style='???'></th>
<th colspan='3'>Objects</th>
<th><img src='right.jpg' style='???'></th>
</tr>
</thead>
<tbody>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
</tbody>
</table>
</body>
</html>
Заранее спасибо smile
P.S. Да, я ни разу не дизайнер smile

Автор: Michael.de 15.10.2009, 23:58
P.P.S.  вместо строк 14-16 верхнего листинга
Код

<th><img src='left.jpg' style='???'></th>
<th colspan='3'>Objects</th>
<th><img src='right.jpg' style='???'></th>
использовал следующее:
Код

<th colspan='5'>
<table style='width:100%'>
<tr>
<th style='width:25px'><img src='left.jpg'></th>
<th>Objects</th>
<th style='width:25px'><img src='right.jpg'></th>
</tr>
</table>
</th>
Всё оказалось до ужаса банально. Вопрос закрыт smile

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)