SEO: мучения с табличной версткой, table а-ля div - как сделать?

<table width="100%">
<thead>
<tr>
  <td colspan="3">LOGO</td>
</tr>
</thead>
<tbody>
<tr>
  <td width="20%" valign="top">MENU</td>
  <td width="60%" valign="top">CONTENT</td>
  <td width="20%" valign="top">EXTRA INFO</td>
</tr>
</tbody>
<tfoot>
<tr>
  <td colspan="3">FOOTER</td>
</tr>
</tfoot>
</table>

или

<table width="100%">
<tr>
  <td colspan="3">LOGO</td>
</tr>
<tr>
  <td width="20%" valign="top">MENU</td>
  <td width="60%" valign="top">CONTENT</td>
  <td width="20%" valign="top">EXTRA INFO</td>
</tr>
<tr>
  <td colspan="3">FOOTER</td>
</tr>
</table>

tbody, tfoot, thead применяются для более удобного использования стилей.

Валидатору расскажите про тбоди %)

Ufaweb добавил 03.01.2009 в 18:19

Бред. Как раз таки таблицами - еще как. Впрочем, и блоками - аналогично.

По весу одинаково будет.

А что у валидатора с тбоди? Доктайп надо не забывать...

http://www.validome.org/get/http://barykin.com/example/test_table.html

Пример два отличается от примера один лишь значением cellspacing =))

А по теме: пример 2 средствами таблиц не реализуется так, чтобы было меньше кода чем дивами, но если уж очень нужно можно таблицу заснуть в блок или использовать лэиры.

Согласен с предыдущими ораторами - не заморачивайтесь и верстайте таблицами.

Ufaweb, вы лучше браузерам расскажите про валидаторы =)

Благодарю за ответы, господа!

Californiy

Будем работать...

Ufaweb

Об этом я и спрашиваю. Пожалуйста, дайте наводку на код или ссылку какую-нить...

FeoOne

Спасибо за пример.

В том-то и дело, что в Ваших примерах контент находится в 7, 10 строках. В то время, как мне бы желательно поднять контент до 3,4 строк, сохранив внешний вид страницы.

Алексей Барыкин

Наверное, я недостаточно четко написал. Я хочу сохранить табличную разметку, но оптимизировать ее так, чтобы контент в коде странице переместился наверх.

Дивами я уже баловался, получилась ерунда.

Здыхлик

Блоки на дивы постараюсь перевести, а вот с основным шаблоном - ерунда, как только меняю таблицу на дивы - начинаются косяки с другими элементами. Одно лечишь, другое калечишь.

Пробовал 3 различных варианта, широко выложенных в сети - ничего не получается.

milkfake

Пусть будет столько же кода, главное, чтобы контент поисковиком не обрезался посередине. Блоки на дивы постараюсь перевести, но вот как контент поднять повыше....

<table width="100%">

<tr>

  <td colspan="3">LOGO</td>

</tr>

<tr>

  <td width="20%" valign="top">MENU</td>

  <td width="60%" valign="top"><? require('content.php'); ?></td>

  <td width="20%" valign="top">EXTRA INFO</td>

</tr>

<tr>

  <td colspan="3">FOOTER</td>

</tr>

</table>

и уже в content.php сажаете контент :) надуманная какаято проблема ;)

moskovit

Как раз с основного шаблона и надо начинать... А что за проблемы с другими элементами при переходе на DIV'ы? Обычная ситуация при работе с FLOAT - это выпадение блоков из контейнера, обычно все решается достаточно легко (overflow: hidden для контейнера к примеру). Конечно будут еще мелочи разные, но навряд ли все так тяжко...

FeoOne

Судя по всему, требуется, чтобы контент в теле страницы шел ДО боковых колонок. В табличной верстке так не получится.

Простой пример 3-х колоночной верстки.

Блок с контентом максимально задран в верх.

http://barykin.com/example/3_column.html

FeoOne, в том-то и дело, что в Вашем примере строка контента как была на 7-й позиции - так и осталась. Здыхлик прав.

Договоримся о терминах. Внешний вид страницы - это то, что Вы видите в окне броузера. Код страницы - это то, что Вы написали. Мне нужно, чтобы картинка в броузере не изменилась, а строка

<td width="60%" valign="top">CONTENT</td>

переместилась на 3-ю строку Вашего примера. Тогда это будет SEO :)

Здыхлик,

Благодарю за информацию! То у меня все блоки в один столбик идут, то левые блоки действительно выпадают из контейнера, то артефакты появляются в виде лишних полос. Может для Вас это обычные явления, но меня по неопытности это все шокирует. :)

Опять же, в шаблон прилагается большой css файл, в котором дивы только пару раз упоминаются явно, то есть надо что-то другое менять.

В общем пока решил не трогать, но видимо еще раз помучаю, как соберу инфы побольше...

moskovit добавил 03.01.2009 в 19:14

Алексей Барыкин, спасибо!

пробовал нечто подобное

http://blog.html.it/layoutgala/

а также

http://www.tjkdesign.com/articles/3cols.asp

http://designformasters.info/posts/holy-grail/

moskovit Во-первых, стили, применяемые к элементам базовой разметки, не повлияют на отображение дочерних, т.к. они будут привязаны к идентификаторам соответствующих блоков.

Во-вторых, можно отлаживать верстку на страницах с минимумом информации (типа страниц "О проекте").

Ну и в-третьих, можно просто-напросто отключить стили содержимого, они не должны сильно повлиять на вид страницы, т.к. там табличная верстка, она так не распадается.