Softlink

мысли такие порезать изображение на три части левую центральную и правую. Для ul прописать класс и в него сделать центральную часть. А в li вставить div и в него прописать левую и праую части. Может есть способ проще подскажите. Можно и вовсе без картинок сделать А по поводу кроссбраузерности? Все, от 8 ИЕ(включительно) и ниже будет квадратное. Но ради 15% пользователей не стоит заставлять браузеры остальных 85-ти обрабатывать кучу ненужного кода. В крайнем случае можно задействовать PIE, но штука крайне капризная и тяжеловатая.

мысли такие порезать изображение на три части левую центральную и правую. Для ul прописать класс и в него сделать центральную часть. А в li вставить div и в него прописать левую и праую части. Может есть способ проще подскажите. Можно и вовсе без картинок сделать

А у самого какие мысли по этому поводу?

http://jsfiddle.net/QutPn/6/

И без лишних обошлось http://jsfiddle.net/A6Btg/

Что значит "правильно подбирать"? Если вы верстаете по макету(в psd например), то в нем указаны все шрифты, их размеры и цвет.

lolka84, а вы на сервисе выставляли настройки, чтобы в шрифт была включена кириллица?

поясните кодом? не понятно <div><a href="" class="logo">Название</a></div> <div class="contacts">123456</div> .logo{ display:block; background:url(image.png) no-repeat; background-position:20px 20px; /*выравнивание картинки*/ padding-left:50px; } .contacts{ float:right; ........ }

Проще всего сделать kit на fontsquirrel.com, пока везде работало без проблем.

Засунуть картинку фоном в название, выставить высоту последнему и отцентрировать через background-position. Телефон во float:right. Или на позиционировании оба блока сделать.

Как для ФФ прописывали, так и для остальных делайте.

Я так понимаю разница в цветах бордеров? У вас они выставлены только для ФФ.

http://htmlbook.ru/css/margin читать Примечание

Поставить фон не для враппера, а для боди например. сделал при уменьшени размера окна(ctrl+колесико) то белый фон появляется Если вы внимательно прочитали материалы по вашей проблеме на этом сайте, потом вам гугл отказался помочь, то создавайте тему в соответствующем разделе и будем разбираться с этим вопросом. Здесь не стоит это обсуждать.

Поставить фон не для враппера, а для боди например.

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

Что за растирка? Покажите пример или картинку того, что должно получиться.

а если над кнопкой будет ещё какой то контент , или высота родителя не задана ... В этом случае надо родителю задать нижний паддинг, как минимум равный высоте этого виджета. И позиционировать его не флотом, а через абсолют http://jsfiddle.net/FFGnj/2/

БЭМ в том виде, в каком он сейчас есть, действительно обладает какой-то громоздкостью, которая в большИх проектах может быть и оправдана. Но его основная идея - делать блоки независимыми, очень правильная. И уже сам убедился в этом. Очень сокращает время разработки\доработки новых страниц и элементов в уже существующих страницах. Например есть какой-либо портал, в котором основные блоки выстроены в определенную структуру. В какой-то момент стало необходимо поменять три блока местами, а два вообще убрать и перенести на другую страницу портала, в которой имеется уже своя структура. Тут-то и проявляются все прелести независимости, когда берешь уже "готовый блок" и переносишь куда надо. При этом у тебя не валится верстка, не скачут шрифты и вообще нет никаких сюрпризов. Сам я почти перестал использовать селекторы по типу и селекторы потомков в проектах. А если где и применяю, то только для стилизации "конечных" элементов блока, т.е. к тем элементам, что в БЭМ называется модификатором.

А зачем вообще тут картинки?

Либо на CSS-градиентах через color-stop.

title у ссылок напрягает. Наводишь на пункт меню и не видно что там за пункты выпали.

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

http://jsfiddle.net/r5eEs/ Блок, который сейчас на абсолюте, зависит от двух высот - хедера и самого синего блока. Т.е. он автоматом не подстроится. Можно подобное решение сделать еще через псевдоэлемент, тогда, этот блок будет автоматом подстраиваться под высоту и положение синего "блока-родителя" Вот так http://jsfiddle.net/r5eEs/1/

А вы человек с большими амбициями и оптимизмом.