Как вы справляетесь с табличной структурой на css???

12
mfl
На сайте с 16.10.2006
Offline
134
mfl
#11
На слоях проще на порядок - поотключал в css ненужные блоки с навигацией и прочей шнягой и на печать.

То есть, по Вашему, при использовании табличной верстки нельзя подключить разные css "Для экрана" и "Для принтера". Или в вашем понимании, табличная верстка не допускает выноса всех стилей во внешний файл?

mfl добавил 26.06.2008 в 19:08

Вот стркутура для указанного примера

табличная

<table id=t1><tr><td id=d1><td id=d2><tr><td id=d3><td id=d4><tr><td id=d5><td id=d6></table>

дивная

<div id=t1><div id=d1></div><div id=d2></div><div id=d3></div><div id=d4></div><div id=d5></div><div id=d6></div></div>

Мало того, что при использовании табличной верски HTML-код будет меньше, так еще и не нужно придумывать извращения для корректного отображения страницы

mfl добавил 26.06.2008 в 19:09

И что помешает прикрутить стили в случае применения табличной верстки?

<link href="/css/screen.css" rel="stylesheet" type="text/css" media="all"> <!--Для экрана-->
<link href="/css/print.css" rel="stylesheet" type="text/css" media="print"> <!--Для принтера-->
viКing
На сайте с 20.03.2008
Offline
124
#12

знакомый дизайн... где то я его видел.. вы случайно не магазин для shop.by делаете?

lazio
На сайте с 05.10.2006
Offline
47
#13

решение нашел, позже отпишу как можно несложно сделать похожую структуру...


знакомый дизайн... где то я его видел.. вы случайно не магазин для shop.by делаете?

дизайн я брал для примера, увидел то что нужно и показал=)

COMFI - Начни Зарабатывать! (http://affiliate.comfi.ru/a2/466735/Program-Overview)
neznaika
На сайте с 28.06.2006
Offline
356
#14

DIV - в верстке с таблицами — зло!

В стабильном, кроссбраузерном сочетании сила.

Дорого покупаю настоящие сайты. Не инвестирую деньги и не беру кредиты.
Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#15
mfl:

Мало того, что при использовании табличной верски HTML-код будет меньше, так еще и не нужно придумывать извращения для корректного отображения страницы

Вы div не с того конца курите. :)

Поясняю свой пример с версией для печати картинкой:

Верстка таблицами:

<table border="0" width="100%">

<tr>
<td colspan="3">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
</table>

Верстка слоями:

<div id="header"></div>
<div id="left"></div>
<div id="content"></div>
<div id="right"></div>
<div id="footer"></div>

Как делаем версию для печати во стором случае?

printer.css:

#header, #left, #right, #footer{

display:none;
}

1. Предложите изящный способ получения версии для печати в случае разметочной таблицы.

Далее.

Пока не загрузится вся таблица - её отображение не начинается. Приходится дожидаться загрузки всей страницы. В случае слоёв страница начнёт отображаться уже при загрузке первого блока. Этим моментом можно воспользоваться и стилями вытащить блок id="content" в верх:

<div id="content"></div>
<div id="header"></div>
<div id="left"></div>
<div id="right"></div>
<div id="footer"></div>

2. В случае таблиц мы можем добиться такого эффекта?

3. За меня wikipedia, а за Вас? :D

mfl
На сайте с 16.10.2006
Offline
134
mfl
#16
1. Предложите изящный способ получения версии для печати в случае разметочной таблицы.

Элементарно.

Для Вашего примера, верстка таблицами:

<table id="t1">

<tr id="header">
<td colspan="3">

<tr>
<td id="left">
<td id="content">
<td id="right">

<tr id="footer">
<td colspan="3">

</table>

Делаем версию для печати

printer.css:

#header, #left, #right, #footer {display:none;}

#content {width:100%;}

--------------

Пока не загрузится вся таблица - её отображение не начинается.

Используем table-layout:fixed

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

--------------

Этим моментом можно воспользоваться и стилями вытащить блок id="content" в верх

Единственное с чем соглашусь.

--------------

За меня wikipedia, а за Вас?

Там и не рассматривается конкретный пример, я и не утверждаю, что использование таблиц оптимальный вариант для всех случаев. В данном топике ТС привел пример.

mfl добавил 27.06.2008 в 15:20

PS. На какиеж ухищрения Вам придется идти в случае наличия в блоке #content рисунка ширина которого превышает ширину блока, при использованиии дивной верстки.

Аналогично в случае применения резиновой-дивной верстки, при постоянных размерах левого и правого меню.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий