Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Верстка на div и table

Автор: Truewar 21.10.2008, 07:51

Всем Доброго времени суток! 6 с лишним лет я спокойно верстал странички на таблицах. Все было здорово, как мне казалось. Потом ударился в теорию раскрутки, проникся идеями XHTML и W3C   и все это заставило меня пересмотреть мою идеологию разработки сайтов. Купил книжку по CSS, чтение которой помогло заполнить ряд пробелов, ну и собственно начал я шаманить    в результате двухдневных стараний получилось вот такое чудо: http://css.owauto.ru Собственно сейчас занимаюсь переверстыванием основного сайта http://owauto.ru Работаю я на FreeBSD. Из браузеров Firefox, Opera, Konqueror. Последним практически не пользовался, но все равно, подогнал код под все три. Потом с вендовой тачки зашел через IE и ужаснулся. Кучу всего он не понимает. Кое-как извращаясь, за 2 дня упорного труда    я таки и сделал более-менее приличный вид и в нем. Сейчас таблиц там нет, а CSS и XHTML успешно валидейтятся как STRICT. Однако что-то подсказывает, и Вы, я думаю, согласитесь, что грамотным решением будет сочетание табличной и блочной верстки.   Но у меня есть просьба... Пожалуйста, у кого большой опыт блочной верстки, посмотрите код. ЧТо посоветуете модернизовать, может где-то я накосячил сильно? Как-то не совсем доверяю тому, что получилось.... Заранее премного благодарен!

Автор: bars80080 21.10.2008, 09:31

Цитата(Truewar @  21.10.2008,  07:51 ) Из браузеров Firefox, Opera, Konqueror это конечно мощно. наверно, всё же перед вёрсткой следует определится, из чего смотрит основная масса пользователей (для открытого интернета достаточно http://trends.spylog.ru/ и http://www.liveinternet.ru/stat/ru/browsers.html), и увидеть, что большая часть пользователей ~60% идёт под ИЕ. а Конкурирор, я вообще на своих страницах никогда не видел имхо, по поводу холивара таблицы vs слои, то надо придерживатся вменяемости. если вестаешь сайт который имеет табличное разграничение блоков, то и надо верстать на таблицах, а не пыжится под моду. аналогично, где нужны слои, там их и использовать по функционалу - сразу хотелось бы заметить, что ссылки в тексте должны хоть как-то обращать на себя внимание, хотя бы немного изменить их цвет по вопросу:... <img src="/data/images/design/li1.gif" width="2" height="2" alt="" class="dot" /> - это можно сделать в css вроде больше не нашёл особых особых огрехов как-то так

Автор: Truewar 21.10.2008, 15:39

Спасибо! Ссылки ссылками я пока еще не сделал. А элемент li при display:inline вообще не отображает маркер. Можно как-то обойти?

Автор: bars80080 21.10.2008, 16:33

попробуй для li или для ul задать list-style-position: inside; или попробовать установить смещение маркера marker-offset: 10px; или -10 и т.п....

Автор: SelenIT 21.10.2008, 23:22

По поводу холивора, избавления от таблиц и т.п. - была неплохая http://habrahabr.ru/blogs/webdev/31475/ на Хабре (с долей шутки, конечно, но все же). А верстка вполне ничего ;). Резинится, от увеличения/уменьшения шрифта на ±2 шага не ломается, при отключении картинок не разваливается (хотя в Опере под Win не все alt-ы читаемы;). А вот семантичность еще есть куда прокачивать - например, избавиться от разбивки строк <br>-ками в пользу чего-нибудь более адекватного структуре отображаемых данных. И еще, имхо, для отображения символа ³ не обязательно вводить целый тег...

Автор: Truewar 26.10.2008, 11:30

А как лучше сделать верхний регистр? Семантика... я как-то этот термин к поисковой оптимизции всегда привязывал.)))

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)