cyklop77

troll, да ничего страшного, я любой критике рад. Great Rash, да делалось специально. и я даже сам вижу, что стало хуже. но решил спросить знатоков так как хочу понять в чем причина, ведь однозначно мой вариант логичнее.

про язык, который в школе учил можешь не вспоминать даже

по такому макету сверстал страничку под opera/FF/chrome/ie8/safari и разрешения экрана >=800х600. прошу оценить работу со шрифтом. ps в дизайн внес небольшие изменения. ссылка на psd, если кому интересно

покажи сам урок пожалуйста

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

аа да. спасибо

помогите пожалйста разобраться в ситуации. есть страница с валидным html-кодом. заливаю её на один хостинг и проверяю(в подвале страницы кнопка есть) при помощи валидатора, в результате получаю сообщение об отсутствии ошибок. заливаю на другой хостинг. повторяю проверку и вижу, что валидатор нашёл ошибки. причем мне непонятные даже после перевода с английского. вот эти страницы: раз, два

я понял про что вы говорите. да, как вижу есть проблема. я пропустил этап тестирования для этой второй версии. исправить влом, да и смысла особого не вижу, так как меня сеичас больше всего работа со шрифтом занимает. про него кстати никто так и не сказал ничего. я сам вижу, что в последней версии читать текст стало намного труднне, чем в предыдущей и даже чем в оригинале. но просидел все таки несколько часов над этой страницей, жаль результат не показать, пинки ценные. а сам улучшить пока не могу - знаний не хватает UPD неактивность кнопок меню исправил(z-index добавил).

а браузер какой?

не совсем понял. можно скриншот? или вы имеете в виду какой то психологический аспект?

png я люблю, но верстал под iе6+ поэтому пришлось в gif сохранять. а что за разводы? если вы говорите про желто-коричневые, то я их сам добавил... в фотошопе. неудачно?

изменил шрифтовую часть. прокомментируйте пожалуйста результат

мне нравится. только заголовки не по порядку идут(h1 после h2 и h3). честно говоря, сам не знаю можно ли так, но вебдевелопер ругается. и блоков слишком уж много. например зачем картинку логотипа обернул дивом? её и без него позиционировать можно. подобное часто у тебя встречается.

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

не дизайн конечно, но "поделиться заметкой" с мягким знаком пишется

а зачем меню таблицей, если даже не резиновая страница?

на народе не очень удобно - там utf-8 не поддерживается

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

А, пардон. Но это не отменяет остального беспорядка. Автор, блок "Новости" опустите до уровня главного заголовка. Менюшка по центру - тоже так себе решение, по-моему. над этой менюшкой я долго голову ломал. тут дизайнер накосячил сильно. еще долго думал стоит ли выравнивать базовые линии в главной колоке и колонке новостей. в вебе так принято делать? в печатном деле, насколько помню да

вобщем согласен. и было убого и получилось тоже. див для клиринга я всегда стараюсь использовать вместо оверфлоу и еще там чего то. самому не нравится, но зато этот прием во всех браузерах работает. я когда то вот эту табличку нашел. и проникся так сказать). писал я под ie6+ XHTML Strict использую как самый строгий тип(разве не так?), который знаю. чтобы не расслабляться. или здесь какой то подводный камень есть?..

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

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

помогите пожалуйста разобраться почему ширина блока не устанавливается пропорционально количеству букв. на страничке в нижнем правом углу есть некоторая конструкция. сейчас она работает так как я и задумывал. но для этого мне пришлось ширину контейнера ограничить 5 em. хотелось бы понять почему когда я задаю ширину 8em (в слове "создание" 8 букв) она становится больше, чем в теории(в этом случае одна строка вмещает 2 слова, что мне не надо)?

вложенные списки например вот <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="robots" content="index, follow" /> <title></title> <style type="text/css" media="screen"> body{ background-color: #000; overflow: hidden; } #footer .footer_wrap {float:left; width:100%; overflow:hidden; position:relative; font-size: 13px; overflow: hidden;} ul.outerU {float:left; position:relative; left:50%; width: 100%; } ul.outerU li.outerI {float:left;list-style:none; position:relative; right:50%; width: 16%; } ul.outerU li.outerI ul{ position: relative; } ul.outerU li.outerI ul strong{ display: block; font-weight: normal; color: #A8CD64; margin-top: 15px; margin-bottom: 5px; } ul.outerU li.outerI ul li{ list-style:none; margin-bottom: 4px; } ul.outerU li.outerI ul li a{ color: #FFF; } ul.outerU li.outerI ul li a:hover{ color: #EF3569; } </style> </head> <body> <div class="footer_wrap"> <ul class="outerU"> <li class="outerI"> <ul> <li><strong>Производители</strong></li> <li><a href="#">Acer</a></li> <li><a href="#">Apple</a></li> <li><a href="#">Asus</a></li> <li><a href="#">Dell </a></li> <li><a href="#">eMachines</a></li> <li><a href="#">Fujitsu </a></li> <li><a href="#">HP </a></li> <li><a href="#">Lenovo </a></li> <li><a href="#">MSI </a></li> <li><a href="#">Packard Bell </a></li> <li><a href="#">Samsung </a></li> <li><a href="#">Sony VAIO </a></li> <li><a href="#">Toshiba </a></li> <li><a href="#">ViewSonic</a></li> </ul> </li> <li class="outerI"> <ul> <li><strong>Ноутбуки</strong></li> <li><a href="#">Acer</a></li> <li><a href="#">Apple</a></li> <li><a href="#">Asus</a></li> <li><a href="#">Dell </a></li> <li><a href="#">eMachines</a></li> <li><a href="#">Fujitsu </a></li> <li><a href="#">Toshiba </a></li> <li><a href="#">ViewSonic</a></li> </ul> </li> <li class="outerI"> <ul> <li><strong>Сумки для ноутбуков</strong></li> <li><a href="#">Acer</a></li> <li><a href="#">Apple</a></li> <li><a href="#">Asus</a></li> <li><a href="#">Dell </a></li> <li><a href="#">eMachines</a></li> <li><a href="#">Fujitsu </a></li> <li><a href="#">HP </a></li> <li><a href="#">Lenovo </a></li> <li><a href="#">MSI </a></li> <li><a href="#">Packard Bell </a></li> <li><a href="#">Samsung </a></li> <li><a href="#">Sony VAIO </a></li> <li><a href="#">Toshiba </a></li> <li><a href="#">ViewSonic</a></li> </ul> </li> <li class="outerI"> <ul> <li><strong>Аксессуары</strong></li> <li><a href="#">Acer</a></li> <li><a href="#">Apple</a></li> <li><a href="#">Asus</a></li> <li><a href="#">Dell </a></li> <li><a href="#">eMachines</a></li> <li><a href="#">Fujitsu </a></li> <li><a href="#">Packard Bell </a></li> <li><a href="#">Samsung </a></li> <li><a href="#">Sony VAIO </a></li> <li><a href="#">Toshiba </a></li> <li><a href="#">ViewSonic</a></li> </ul> </li> <li class="outerI"> <ul> <li><strong>Информация</strong></li> <li><a href="#">Acer</a></li> <li><a href="#">Apple</a></li> <li><a href="#">Asus</a></li> <li><a href="#">Dell </a></li> <li><a href="#">eMachines</a></li> <li><a href="#">Fujitsu </a></li> <li><a href="#">HP </a></li> <li><a href="#">Lenovo </a></li> <li><a href="#">MSI </a></li> <li><a href="#">Packard Bell </a></li> <li><a href="#">Samsung </a></li> <li><a href="#">Sony VAIO </a></li> <li><a href="#">Toshiba </a></li> <li><a href="#">ViewSonic</a></li> </ul> </li> <li class="outerI"> <ul> <li><strong>Магазин</strong></li> <li><a href="#">Dell </a></li> <li><a href="#">eMachines</a></li> <li><a href="#">Fujitsu </a></li> <li><a href="#">HP </a></li> <li><a href="#">Lenovo </a></li> <li><a href="#">MSI </a></li> <li><a href="#">Packard Bell </a></li> <li><a href="#">Samsung </a></li> <li><a href="#">Sony VAIO </a></li> <li><a href="#">Toshiba </a></li> <li><a href="#">ViewSonic</a></li> </ul> </li> </ul> </div> </body> </html>

Лучше, чем прежний вариант - но всеровно не то. Поставь полностью мой вариант, мне кажется будет лучше текущего. Если блоки кажутся однотипными, так можно же что-то поменять) Вообще, я так посмотрел, ты поменял только фоны и цветовое оформление, но цвет блоков и гор. меню оставил как было. Плохо - они не вписываются в общую картинку.) а что станет с твоим вариантом, если контент-менеджер решит добавить несколько пунктов меню через админку?