Страница 1 из 1

Таблица 3 на 3 в CSS

Добавлено: 14 июн 2009, 19:11
wangog
Народ как сделать , вернее переделать в CSS ! Вот идет таблица

Код: Выделить всё

<table style="collapse; width: 600px; height: 400px;" align="" cellpadding="0" cellspacing="0" width=""><tr>


<td style="background: transparent url(1.png) no-repeat scroll right top; vertical-align: top; width: 50px; height: 50px; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;">&nbsp;</td>
<td style="background: transparent url(5.png) repeat scroll left top; vertical-align: top; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;">&nbsp;</td>
<td style="background: transparent url(2.png) no-repeat scroll right top; vertical-align: top; width: 50px; height: 50px; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;">&nbsp;</td>
</tr>
<tr>
<td style="background: transparent url(5.png) repeat scroll left top; vertical-align: top; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;">&nbsp;</td>
<td style="background: transparent url(5.png) repeat scroll left top; vertical-align: top; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;">Zdes okuenoe menu </td>
<td style="background: transparent url(5.png) repeat scroll left top; vertical-align: top; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;">&nbsp;</td>
</tr>
<tr>
<td style="background: transparent url(3.png) no-repeat scroll right top; vertical-align: top; width: 50px; height: 50px; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;">&nbsp;</td>
<td style="background: transparent url(5.png) repeat scroll left top; vertical-align: top; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;">&nbsp;</td>
<td style="background: transparent url(4.png) no-repeat scroll right top; vertical-align: top; width: 50px; height: 50px; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;">&nbsp;</td>
</tr></table>


Как это сделать в CSS

Re: Таблица 3 на 3 в CSS

Добавлено: 15 июн 2009, 05:34
Youzer
<div style="float:left;">левый</div>
<div style="float:right;">правый</div>
<div>центр</div>
<div style="clear:both;"></div>

и так каждую строку

Re: Таблица 3 на 3 в CSS

Добавлено: 15 июн 2009, 09:54
XxMARSxX
разговор глухого и немого

Re: Таблица 3 на 3 в CSS

Добавлено: 16 июн 2009, 04:55
Youzer
ну извините, какой был вопрос - такой и ответ.

как еще можно понять слова
Вот идет таблица
Как это сделать в CSS

в моем понимании это значило отказаться от таблицы в пользу верстки слоями.

а если человеку надо просто описания стилей перенести со страницы в CSS - то это уже не ко мне

з.ы. и какого тогда упоминается структура таблицы в заголовке?

Re: Таблица 3 на 3 в CSS

Добавлено: 16 июн 2009, 12:13
XxMARSxX
ну единственным логическим объяснением может являться только перенос содержимого стайла в css и назначение стилей, а замена таблицы дивами - это из серии
Что весит тяжелее килограмм гвоздей или килограмм пуха?
или
Почему патроны 7,62 не подходят к гранатомету?