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

Все что связано с HTML и CSS.
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!
Ответить
wangog
Сообщения: 99
Зарегистрирован: 20 апр 2008, 12:41

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

Сообщение 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
Youzer
Сообщения: 354
Зарегистрирован: 20 авг 2008, 13:21

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

Сообщение Youzer »

<div style="float:left;">левый</div>
<div style="float:right;">правый</div>
<div>центр</div>
<div style="clear:both;"></div>

и так каждую строку
Аватара пользователя
XxMARSxX
Сообщения: 1991
Зарегистрирован: 20 апр 2008, 18:02

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

Сообщение XxMARSxX »

разговор глухого и немого
Ахтунг!

Делаю всякую херню для ЮкОз за доллары или не делаю если просьба пахнет бредом перегретого мозга.

А у меня Windows 7 :P

Изображение
Что такое НЕТЕЛИБ?
Youzer
Сообщения: 354
Зарегистрирован: 20 авг 2008, 13:21

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

Сообщение Youzer »

ну извините, какой был вопрос - такой и ответ.

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

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

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

з.ы. и какого тогда упоминается структура таблицы в заголовке?
Аватара пользователя
XxMARSxX
Сообщения: 1991
Зарегистрирован: 20 апр 2008, 18:02

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

Сообщение XxMARSxX »

ну единственным логическим объяснением может являться только перенос содержимого стайла в css и назначение стилей, а замена таблицы дивами - это из серии
Что весит тяжелее килограмм гвоздей или килограмм пуха?
или
Почему патроны 7,62 не подходят к гранатомету?
Ахтунг!

Делаю всякую херню для ЮкОз за доллары или не делаю если просьба пахнет бредом перегретого мозга.

А у меня Windows 7 :P

Изображение
Что такое НЕТЕЛИБ?
Ответить