MiRaj, я не про вашего программиста, а вообще. Насчет обсуждений... лично мне техническая сторона более интересна, но все же Вы несправедливы - я всегда обращаю внимание на дизайн. Тем более не один же я тут. Каждый вправе выразить свое мнение, в том числе и о художественной ценности ресурса, о дизайне. Так что несогласен :)
А вообще, меня удивляет, почему программисты так часто делают сайты с ужасным кодом. Казалось бы, для программиста раз плюнуть написать хороший HTML. Ан нет... Наверно если бы я разбирался в программировании, то посмотрев в исходники их программ я мог бы понять :)
MiRaj, дарю нормальную картинку Вашему программисту (только что сделал). Пусть заменит. Кстати, она мало того, что лучше, так еще и меньше на килобайт ;) все-таки оптимизаторский форум.
Если надо, вот еще векторный вариант - http://tvel.name/temp/yin_yang_fractal.cmx
P.S. Мне понравилась приписка "© 2001-2006 design and programming by MuTPu4" :D
Похоже человек попытался так пропиарится, или что. Там вообще нет белого текста кроме служебного для регистрации и нового пароля. Как и следовало ожидать при отключении стилей текст весь становится черным, а ссылки синими.
Что-то я не понимаю, как это так частично может сохраниться CSS, что цвет текста остался, а фон пропал?
Dervish, аналогично. WMZ мне проще выводить.
Бред, вообще.
Наконец-то. Всего третий или четвертый сайт в этой теме с кодом без ошибок :)
Николай, я Вас с кем-то путаю, или Вы были за таблицы в свое время?
Сперва пройдемся по дизайну
Такой сайт не грех и внимательно рассмотреть. Но это не значит, что он прямо совсем хорош :) Прежде всего мне ненравится, что такое пространство наверху отдано на три квадратных картинки. Да и качество картинок могло бы быть получше - белые надписи на первой и третьей плохо видно. Сами картинки не производят впечатления "элитности" - скорее они показывают, что неудачно попытались такое впечатление произвести. Может быть в офисах и уместно на столах раскидать рекламные материалы такого типа, но на сайте смотрится не очень.
Я думаю, гораздо лучше было бы, чтобы на одной странице была лишь одна подобная картинка - может даже случайная. Это было бы гораздо интереснее.
Смущает звездочка перед предложением заполнить заявку. Сразу ищем сноску внизу, а ее там нет. Сама карточка (заявка?) выглядит неплохо, но вот логотип в правом верхнем углу. Так и хочется его прочитать, ведь он совсем не похож на лого "A-2" ;)
Пойдем по-порядку... кстати, приятно, что выделяется текущее положение на сайте. На страничках "VIP-залы" и "Фаст-трэк", в общем-то, нет ничего особенного. А вот на страничке "Трансферы" табличка получилась некрасивая. Видно, что горизонтальные ячейки в две строки только из-за переноса в колонке типов автомобилей. Стоило сделать пошире эту колонку, и уже получше смотрелось бы. Хотя понимаю, что табличка сложная - остальные колонки и так поджаты уже дальше некуда.
Может тогда стоило пойти на компромисс? Например колонки с маршрутом просто пронумеровать и над таблицей написать этим маршруты (по одному на строчку). В идеале при наведении курсора на маршрут колонка бы подсвечивалась. Впрочем, тоже не лучшее решение :) Неудобная таблица.
В заявке на обслуживание как-то сильно пестро, полосит...
В общем, о дизайне хватит, наверно. Лично мне он непонравился, но при этом надо признать, что выглядит не ужасно, а напротив - достаточно аккуратно. Если бы еще не эти три картинки на малиновом фоне, и не цветовой разнобой.
Теперь посмотрим, что там внутри
Не могу не отметить, что автор явно злоупотребляет div`ами, что часто наблюдается у только начинающих отходить от табличной верстки. Вложенность поражает, особенно в подвале. Да и верхнее меню тоже непонятно зачем обернуто дивом, ведь элемент ul сам блочный, как и его потомки - li.
Я, пожалуй, даже приведу здесь списочек этих дивных тэгов :) закрывающие я упустил.
<div id="container"> <div id="top"> <div id="decoration_container"> <div id="decoration_inner"> <div id="paper"> <div id="logo_block"> <div id="logo_inner"> а внутри этого еще один div без id :) <div class="clear"> <div id="ticket"> <div id="content"> О! Неужели мы все-таки добрались до контента?! :) <div id="bottom"> <div id="bottom_contacts"> <div id="bottom_container"> <div id="bottom_inner"> <div id="bottom_buttons"> <div id="bottom_text"> !
Мда... а ведь мы видим довольно простой макет, а сколько бы автор наставил дивов при реализации сайта какого-нибудь портального типа? Смело можно сократить их количество раз в 5. Например верхний блок с логотипом и телефоном можно было сделать одной единственной ссылкой с id="logo" вместо 3-х(!) дивов и тэгов img и p. То же относится и к Вашему id="ticket". А для чего нужен div с классом clear я вообще не понял. Ладно, оставим вложенность, думаю автор уже понял, что делал много лишней работы и кода.
Жаль, что у сайта нет favicon а также keywords и description. Впрочем, под последние оставлено место, так что видимо ключевики и описания пока просто не готовы, правда?
В HTML больше ничего интересного нет, перейдем к CSS.
Сперва мелочи... напомню, что вместо записи цвета типа #ffffff; приятнее видеть #fff;.
И вообще Вам, Николай, стоит изучить сокращенные свойства CSS. Например...
вместо трех строк background-image: url("../images/top_shadow.jpg"); background-repeat: no-repeat; background-position: 40% 0; Лучше написать одну, как считаете? background: #333 url("../images/top_shadow.jpg") no-repeat 40% 0; Или вот эта комбинация почти не имеет смысла: #content p {margin: 0 0 1em 0;} #content ul {margin: 0 0 1em 0;} Ведь гораздо лучше вот так: #content p, #content ul {margin: 0 0 1em 0;}
А хаки для ИЕ, типа expression и других, лучше выносить в отдельный CSS с помощью условных комментариев - плюсы такого решения не только и не столько в валидности CSS, так просто проще и удобнее работать.
А вообще разбирать Вашу таблицу стилей неприятно... уж слишком много там лишнего. Это является как следствием избыточного HTML с большим количеством дивов, так и явным нежеланием вчитаться в спецификации ;), особенно в ключевые моменты: каскадирование и наследование.
Ого... я уже полчаса потратил. Ладно, закругляюсь.
В целом, этот сайт, наверно, лучший за все время существования темы. Еще хотелось бы отметить наличие комментариев в CSS и неплохое форматирование HTML, что облегчило мне работу по выявлению различных несуразностей :)
sevabo, поищите на форуме, уже неоднократно обсуждали.
<img alt="Автомобильная сигнализация City" title="Автомобильная сигнализация City" class="cursor" src="/image.php?tid=84&from=Production&Width=150&Height=150" onclick="ShowImage('/image.php?tid=84&from=Production','500','752','Автомобильная сигнализация City'); return false;" border="0">
Это вообще что? Я удивляюсь, как мой ФФ умудряется показывать.
