URL: https://www.opennet.me/cgi-bin/openforum/vsluhboard.cgi
Форум: vsluhforumID8
Нить номер: 5388
[ Назад ]

Исходное сообщение
"CSS вместо таблицы, как?"
Отправлено adriliano , 25-Ноя-07 12:08

Мой сайт: solosail.ru на писан на стилях, разиновая вёрстка.
Размещая на первой странице новости с фото, чтобы они не скакали как им не попадя, для упорядочивания новости заключил в таблицу.
Указал ширину 100% и в эксплоэре первая страница стала растягиваться по горизонтали, что очень не удобно. На мозиле и опере - нормально.
Видимо, из-за того, что эксплоэр считает 100% от ширины вскего окна, а мозила и опера - от ширины области, заданной в стилях.
Один знакомый программер сказал, что надо просто переписать новости через стили т.к. если пишешь сайт на стилях, то таблицы там применять нельзя - будет некорректное изображение. Но сам он стилями не пользуется. и что делать, я не пойму.
В учебниках, что есть у меня ответа не нашёл.
Подскажите, пожалуйста, каким должен быть код для корректного изображения первой страницы.
с уважением,

Содержание

CSS вместо таблицы, как?,andy, 20:03 , 28-Ноя-07
- CSS вместо таблицы, как?,Виталий, 15:38 , 02-Дек-07
  - CSS вместо таблицы, как?,andy, 07:17 , 06-Дек-07

Сообщения в этом обсуждении

"CSS вместо таблицы, как?"
Отправлено andy , 28-Ноя-07 20:03

Может, нечто типа этого подойдет? (не проверял правда)
<head>
<style type="text/css">
.news { margin:10px 0; padding:0; list-style-type:none; }
.news li { clear:left; margin:0; padding:3px 0; }
.news img { float:left; margin:0; padding:0; }
.news .news-block { margin-left:180px; }
.news .news-date { font-weight:bold; color:#006; }
.news .news-content {}
</style>
</head><body>
<ul class="news">
<li>
<img src="1.jpg" width="160" height="120"/>

01.01.2007
qwe qwe qweq we

</li>
<li>
<img src="1.jpg" width="160" height="120"/>

01.01.2007
qwe qwe qweq we

</li>
</ul>
</body>

"CSS вместо таблицы, как?"
Отправлено Виталий , 02-Дек-07 15:38

>[оверквотинг удален]
></li>
><li>
><img src="1.jpg" width="160" height="120"/>
>
>01.01.2007
>qwe qwe qweq we
>
></li>
></ul>
></body>
Спасибо за помощь!
Н-да...
Парусник из меня гораздо лучше, чем программер.
Не всё догоняю. Но в эксплоэре работает вроде как нормально.
А вот в мозиле совсем паршиво.
Кто поможет разобраться, как здесь быть правильнее всего, что исправить, чтобы везде работало, покатаю под парусами!
чесс-но слово!

"CSS вместо таблицы, как?"
Отправлено andy , 06-Дек-07 07:17

сразу бросается в глаза косяк с
.news .news-block { margin-left:180px; }
надо сделать его блочным (.news .news-block { display:block; margin-left:180px; })
или заменить на <div class="news-block"></div>
если приспичило разобраться, то лучше почитать спецификацию CSS. Чтобы было интересней разбираться, посмотрите сайт cssplay.co.uk, там абсолютно все сделано на CSS.
Удачи!