Softlink

div:first-child Ибо этот код не как в JS, ты просто оба стиля повесил на див (код означает выбрать див, которые есть первый потомок), а внутри у тебя обычный пустой спан. Открой фаер баг Получается, что тут никакого наследования нет и в помине, правильно? Див "принимает" на себя все стили первого вложенного в него блока, выходит что так.

Блин, а поясните пожалуйста мне почему тогда не работает вот так и вот так. А у :first-child, получается, есть своя магия, которая идет в разрез с наследованием? Можно ткнуть в спецификацию, где это написано. p.s. кто заплюсовал Макса, кому я еще не надоел, колитесь?)))

Знай, я тебя заплюсовал! Ты набрал 1296 знаков и сделал всего несколько грамматических ошибок - прогрессируешь однако!

Та я шумиху поднял Как обычно Больше не буду, помалкивать буду

Эта цитата аннулируется. Попробовал сейчас. Совсем недавно раньше не работал overflow для img, приходилось скруглять и img и родителя, сейчас все работает. Точнее браузеры научились скруглять картинки как обычные блоки, без посторонней помощи, и overflow оказался ненужным, аминь! Когда пробовал? Ведь у Оперы с этим беда? Опера за бортом, попробовал сейчас. Хотя тот пример делал по старинке - скруглял и img и блок для него. Не, ну для тебя нет невозможного

Эта цитата аннулируется. Попробовал сейчас. Совсем недавно раньше не работал overflow для img, приходилось скруглять и img и родителя, сейчас все работает. Точнее браузеры научились скруглять картинки как обычные блоки, без посторонней помощи, и overflow оказался ненужным, аминь!

А кто спорит? Я ни-ни Все только во благо

Ковырять цмску или через js Вполне, только не забыть добавить li:hover

Это скругление с overflow - http://clip2net.com/s/18kXZ Это последовательное скругление вложенных блоков - http://clip2net.com/s/18kYw

Используйте li:first-child(last-child){ border-radius:10px 0px 0px 0px; -moz-border-radius:10px 0px 0px 0px; -webkit-border-radius:10px 0px 0px 0px; overflow: hidden; } В вашем случае это сработает.

Да потому что border-radius не наследуется. А внутри ведь еще один блок. Ааа, ну тада можно сделать так: li:first-child{ border-radius:10px 0px 0px 0px; -moz-border-radius:10px 0px 0px 0px; -webkit-border-radius:10px 0px 0px 0px; overflow: hidden; } Да, overflow в какой-то мере решает проблему, но если внимательно посмотреть как рендерит это браузер, то можно заметить некие отличия от последовательного скругления вложенных блоков,от overflow. Погоди, а я не понял, в чём тест заключается? На что внимание обратить? в overflow не прорисовывается граница родителя скругленного угла. Кстати, overflow не срабатывает для скругления img, так что там в любом случае надо дублировать скругление для самого изображения.

Да потому что border-radius не наследуется. А внутри ведь еще один блок. Ааа, ну тада можно сделать так: li:first-child{ border-radius:10px 0px 0px 0px; -moz-border-radius:10px 0px 0px 0px; -webkit-border-radius:10px 0px 0px 0px; overflow: hidden; } Да, overflow в какой-то мере решает проблему, но если внимательно посмотреть как рендерит это браузер, то можно заметить некие отличия от последовательного скругления вложенных блоков,от overflow.

Да потому что border-radius не наследуется. А внутри ведь еще один блок.

Говорю же, ничего не выйдет http://jsfiddle.net/PMWPL/16/ Плавали, знаем. А с классами вполне http://jsfiddle.net/PMWPL/15/

Нифига не выйдет. Тут надо только с классами, причем вешать их только для ссылки.

Так а зачем на флоатах делать? Или это принципиально?

На примере оно совсем не в центре. Вы меню без списков делаете? Вот так можно в вашем случае http://jsfiddle.net/84Pbr/1/ Или я опять не понял, что надо сделать?

Да, все кроме Оперы Сделайте table{ table-layout:fixed; width:100%; } Ага, спасибо! Не знал про это свойство... А при этом надо выставлять длину ячеек? И в каком формате? 14% или 14.3%? P.S. Но проблема уже не актуальна (хотя сам вопрос вполне) - при равной ширине ячеек и заданном кегле и гарнитуре текст не влезает в эти семь ячеек... Будем их резать пропорционально! Да, с этим свойством надо аккуратно обращаться. Могут быть проблемы, если текст не входит по размерам.

Да, все кроме Оперы Сделайте table{ table-layout:fixed; width:100%; }

Замутите микс из overflow, float и margin. Должно торкнуть

td{ width:25%; text-align:center; } Сделает все ячейки равными.

не совсем понятно, что должно получиться в итоге, но некое подобие удалось сделать используя ваш код http://jsfiddle.net/u5KKy/

мм.. ну так вроде бы же дал ссылки на типовые макеты. Там можно посмотреть как это делается, или в чем проблема-то? Сделайте каркас как там показано, а потом внутрь основных блоков вставляйте содержимое. Это я все к тому, что если надо сделать код за вас, то я сделаю тоже самое, как и там показано, т.е. смысла нет этим заниматься. Если вы запутались, то попробуйте все заново переверстать. Я не стеснялся так делать, когда только начинал верстать. Вместе с этим приходит понимание как и что работает

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

А я не понял в чем подвох, обычно наоборот проблемы растяжением по ширине, а тут стандартная ситуация. Ведь inline-block решает же эту проблему на ура, не?