Zverushka

Да, там если еще браузер будет не в полном окне и выпадающее меню схлопнется - вылезут лишние границы наверху... Кстати у меня ничего не исчезает: http://jsfiddle.net/WxdQp/15/

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

Вот фикс проблемы с градиентом, плюс убрала 1пиксельные артефакты при наведении на ссылки: http://jsfiddle.net/WxdQp/14/

Вот как это выглядит с задним фоном. http://jsfiddle.net/WxdQp/13/ Одна проблема, если задать кнопке градиент, у нее внизу появляется белая полоса, а наверху черко-очерченная граниентная. ФЗ почему )...

Не дает мне покоя эта штука). Что я сделала. Так как <li> выпадает из z-index и его невозможно сделать выше <ul>, я добавила один слой, почти полностью копирующий <li>, но находящийся внутри его и уже ему подняла z-index. Я обернула <a> в дополнительный <div> и уже внутри него перед a: добавила слой :before, который имеет все свойства <li>. Самое главное, что он имеет бэкграунд, а нижняя граница этого слоя прозрачная, таким образом на самой границе мы будем видеть неоднородный бэкграунд и создаться ощущение, что границы нет (она прозрачная). Саму ссылку мы подняли выше этого слоя по z-index, чтобы она не пропадала. Ну а псевдо-слой сам по себе выше ul. http://jsfiddle.net/WxdQp/12/

SelenIT, почему при задании li position relative и после этого установлие свойства: .#nav .dropdown:hover { z-index: 100; } Ячейка все равно не оказывается поверх всплывающего меню?

SelenIT, получается, что ширину он берет по ul с заданным position, но позиционирование себя как блока начинает не с левого верхнего угла ul, а с угла li? Почему-то казалось, что от ul тогда должен выравниваться...

Можно задать здесь заодно нубский вопрос? Почему, если li (даже если только первому ul) присвоить position: relative, то выпадающее меню начинает выравниваться в столбик?

Ну если будет фон и не нужна перегородка, я вижу так. Основное меню должно иметь z-index: 1, всплывающее меню 2 (чтобы перекрывать границу основного меню) и li:hover, из которого всплывает меню должен быть z-index:3 с прозрачной нижней границей, тогда не будет перегородки и фон будет сохранен. Но я не понимаю до конца как это реализовать, так как меня вводит в ступор, почему не пашет самое банальное li:hover z-index: 2; и всплывающее меню его границу все равно закрывает.

Странно, почему не работает z-index (чтобы ли с его белой нижней границей просто легло поверх всплывающего меню)? И зачем там везде опасити?

Да вот уже собственно готовый сайт с резиновыми колонками в ие7 за счет скрипта. http://vtest.uphero.com/4/rubber_layout/ То есть по идее все работает и помощь не нужна.

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

Че-то я запарилась, написала скрипт, делающий бордер-бокс, только вот не могу его затестить нормально (с виду работает в режиме эмуляции из 10го осла, но у меня подозрения, что может не работать). Пыталась поставить virtual pc на виндовс 8, да чет не ставится (. Кстати jquery не может вычленить свойство css width ($(this).css('width)) в процентах? а то выдает пиксели, хотя в стилях задано в процентах.

Есть информация, что Мета тег X-UA-Compatible управляет режимом отображением страниц в браузерах IE8+. И в родном ие7 ничего не изменится. Так ли это?

Возникла такая проблема, в верстке есть 3 резиновые колонки, из-за наличия у них еще и паддингов, пришлось включить блочную модель типа border-box, но только вот эту модель не понимает ие7 и ие6(на 6 пофиг). Но он ее использует в режиме квиркс мода. Можно ли как-то включить этот режим только для ие7? И еще, я так поняла, что средствами jQuery я не смогу обнаружить, что у меня ие7? Только с помощью чистого javascript?)

Да, макеты убрали и еще вчера сайт был вообще нулевым, постепенно ссылки добавлялись ... думаю скоро должны появиться... У меня есть архивы макетов с версткой с 5го шаблона... А вообще вот вебархив, тут можно утянуть шаблоны и верстку http://web.archive.org/web/20130530130836/http://divhack.com/ и там посмотри еще архивы за более старые даты, если не качается что-то.

Чем тестируете сайт на кроссбраузерность? Сделала себе набор новичка: 1) Последние версии Chrome, Firefox, Opera, IE. Последняя доступная Safari для windows. 2) IE tester и режимы совместимости IE, а также сайт http://netrenderer.com/ из-за переодических глюков этих программ и неверного отображения. 3) Сайт http://browsershots.org/ до кучи убедиться, что сайт терпимо выглядит, но в основном ориентируюсь на программы на компьютере. 4) Какие нашла portable версии старых браузеров firefox 3.0, 3.5, 3.6, 10.0 Opera 9, Opera 10 Может что-то еще нужно поставить, скачать или какой-то удобный сервис?

Списки используются, потому что семантически меню - это список ссылок .

Покажи сам код, чтобы было понятно в чем дело).

Ну с этой точки зрения логично и разумно. Так что можно закрыть тему....

Извини за вопрос, то есть ты знал, как точно измерить отступ до текста? Где почерпнул эту инфу (потому что я нигде не могла найти)? У тебя есть свои таблицы с отступами для шрифтов? Или ты не верстаешь попиксельно, а тяп ляп? И где орфографические ошибки, можешь показать? Еще раз прогнала текст через спелчекер - ни одной нет.

Могу посоветовать замечательный сайтик. http://divhack.com/ Тут расположено 9 макетов от простого к сложному, сначала элементарный, потом сложнее и сложнее. В каждом макете появляется какой-то новый элемент (например, сделать масштабируемую кнопку, добавить слайдер итп), над которым начинаешь ломать голову и учишься по ступенькам - все дальше и дальше. Там же выложена уже готовая верстка - можешь сверяться и находить ответ, а как сделать какую-то деталь, если у самого не получается.. Хоть и нет никаких объяснений и комментариев, но эффект на самом деле шикарный. Я вот взялась за 9й макет наконец-то.

Чтобы не плодить темы с незначительными вопросами, давайте их постить сюда. Вопрос верстальщикам, вы когда приступаете к верстке макета - сначала выдергиваете из него все нужные картинки, а потом уже приступаете к верстке или делаете это паралельно? Приступили к хедеру - выдернули картинки из хедера и тут же сверстали? А то я тут резюме одной верстальщицы с форума смотрела, уже не помню ник, так у нее указано сколько она часов на блок верстки потратила и мне стало интересно, разве она не вычленяет сначала картинки, а потом берется за верстку? Ведь иногда картинки уходит масса времени... А у нее нет записи "разбирала макет по частям - 2 часа" .

Вот статья. Наверное фигню написала %), блин мне уже неловко как-то... http://habrahabr.ru/sandbox/65406/

Да ее наверное верстальщики не читали, а остальные не понимают ценности ...