Помогите реализовать: table => div

Статус
В этой теме нельзя размещать новые ответы.

AntonR

Гуру форума
Регистрация
29 Ноя 2007
Сообщения
178
Реакции
75
Как можно преобразовать вот этот блок:
Код:
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="lbc">
  <tr> 
    <td><img src="images/empty.gif" class="lbc_head_left"></td>
    <td width="100%" class="lbc_head_back" valign="top"><img src="images/empty.gif"></td>
    <td><img src="images/empty.gif" class="lbc_head_right"></td>
  </tr>
</table>
в минимальное количество строк/символов.
Можно ли как-то c помощью div этот блок значительно уменьшить :nezn:?!
Вот сама страница сайта:

Кто еще может дать рекомендации по уменьшению лишнего кода?
 
Как можно преобразовать этот блок
Код:
<div style="width: 100%" class="lbc">
<img src="images/empty.gif" class="lbc_head_left">
<img src="images/empty.gif" class="lbc_head_back">
<img src="images/empty.gif" class="lbc_head_right">
</div>
Для классов lbc_head_left и lbc_head_back добавить параметр
Код:
float:left
Кто еще может дать рекомендации по уменьшению лишнего кода?
Рекомендации по уменьшению лишнего кода могут дать специальные сервисы или надстройки над firefox.
Я, например, использую YSlow от Yahoo для Firefox. Как то на эту тему статейка на хабре была, можете там поискать.
 
Просто перемещаем все в css:

HTML:
<div class="box"></div>

CSS:
.box {....... твой код включая бекграунд...}


А зачем тебе что-то оптимизировать? там весь сайт на таблицах - проще весь сайт заново переверстать.
 
Ага, лучше полностью отказаться от табличной верстки, и использовать ее только при построении таблиц :)
p.s основа семмантической верстки - отказ от таблиц.
 
Да и дивная верства как извесно лучше приветствуется посикавиками:) Я даже темку запостил на про сео верствку. Почитай :))
 
Ммм классная штука...тока почему то не сильно функциональная... я сильно не вникал нол какие-то параметры не регулируютса
 
to TrillipuT: спасибо за линк
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху