VPF::позиционировать картинки в <TD> или <TH>

Michael.de

Дата 15.10.2009, 23:38 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 346
Регистрация: 22.3.2005
Где: Deutschland

Репутация: 1
Всего: 9

Всем привет 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 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 346
Регистрация: 22.3.2005
Где: Deutschland

Репутация: 1
Всего: 9

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

Это сообщение отредактировал(а) Michael.de - 17.10.2009, 22:34

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »