Destrifer

Теперь все ок, спасибо

http://prntscr.com/m5gvq7 http://prntscr.com/m5gx1o

Нужно применить оформление только к первому tr входящему в таблицу: table tr:first-child { border-bottom: 1px solid red; } Причем в этой таблице находятся другие таблицы и каждый tr внутри каждой из них получает это свойство. А мне нужно только для первого tr входящего в основную таблицу. Все остальные таблицы - вложенные. Казалось бы... решение проблемы на поверхности: table > tr:first-child { border-bottom: 1px solid red; } Но нет. Так стиль вообще не появляется. Интересно почему. Tr является дочерним для table и я не вижу проблемы. Тоже рекомендуют ребята с оверфлоу, но че-то как-то не работает.

Собственно, таблица. По ховеру меняется цвет в ячейках, условно, на золото. Но мне нужно, чтобы первая строка и первый столбец не реагировали на ховер, хотя бы визуально. Причем они имеют отличные от остальных ячеек цвета. Условно - серебро. Т.е. имеем: .tbl tr td:hover { background: gold; } .tbl tr td:first-child { background: silver; } .tbl tr td:first-child:hover { background: silver; } Работает. Мышка ходит по таблице, ячейки окрашиваются золотом, но первый столбец - нет. А вот с первой строкой, так не получается .tbl tr:first-child { background: silver; } .tbl tr:first-child:hover { background: silver !important; } Все равно, .tbl tr td:hover { background: gold; } перебивает и красит золотом. Ипотант, выше/ниже - ничего не помогает. В фаерфоксе видно, что правило "перебивается". Понятно, что можно на тр навесить класс, его прописать, и все, скорее всего, будет работать. Но хотелось бы не загромождать таблицу лишними идентификаторами. Спасибо всем. Прописал так: .tbl tr:first-child td:hover

Я понимаю. Но это глупо. Можно к call, ae добавить - а можно, у ae li стреть, и все будет работать. Т.е. зависит от написания а не сути.

Спасибо! Догадывался, что проблема в наследовании. 2xpanda: это просто следующий уровень css-дзен , когда люди придумывают геморрой на пустом месте. Простым смертным не понять. Не а так понятно, конечно - меньше размер, меньше запросов, простота редактирования и манипуляций.

Вот как должно: http://jsfiddle.net/SX8Ax/ Добавляем оберточный див с классом АЕ, - все ползет: http://jsfiddle.net/3Ewd5/

<div class='sic'> <div class="call call-on"><span href="#non"> </span></div> <div class="email"><span> </span></div></div>.sic div { position:relative; z-index:1; overflow:hidden; list-style:none; padding:0; margin:0 0 0.25em; width: 30px;}.sic div:before,.sic div:after,.sic div span:before,.sic div span:after { content:""; position:absolute; top:50%; left:0;}.sic div span:before,.sic div span:after { margin:-8px 0 0; background:#c55500;}Если код с классом то все выглядит так: http://prntscr.com/475oby А если без класса .sic, то так: http://prntscr.com/475p17 Все пустое, ничего лишнего только тестовый код (показан не целиком). Я не понимаю почему простой, оберточный тег с классом ломает верстку .

Есть див с текстом и в нем ссылка. Применяя ie filter shadow к блоку, имеем тень и на тексте ссылки тоже (и на любых других элементах, собственно). Нехорошо. Параметр enabled=false к стилям ссылки - не помогает. Что можно сделать?

В общем, как-то влияет Jquery UI. Убираешь его - нормально работает. С ним - через F5.

8 ослик. Ну, микс не хотелось бы. Высокие технологии и все такое. Photoshop, конечно, решит мои проблемы, но тогда зачем все это .

А вот нету. Если на диве висит CSS3 градиент + скругленные углы то корректного решения я не нашел. http://css3pie.com/, скажут некоторые? Работает через раз - то отрисует бекграунд то нет. На некоторых есть - на других нет. Когда стандартное filter стояло - таких проблем не было. http://dillerdesign.com/experiment/DD_roundies/ ? Без градиента. С градиентом - не работает. Jquery Corner вообще в топку - все поломал. Для тех кто думает что на сайте просто криво все сверстано - специально проверяли убрав все лишние скрипты и стили. Кто что из уважаемых гуру посоветует? Попеременно пай работает - F5 - работает, F5 - нет

Пошелкал туда/сюда (удалить/поставить font-face) - похоже грузится. Да и конструкция с шрифтового кролика. Про сглаживание читал, спасибо. subpixel-antialiased, кстати, не работает, только простой antialiased.

http://ori-wellness.ru/produkciya_oriflame/ Хорошо видно на кнопках (кроме одной - там картинка) http://prntscr.com/3wnwvf - FF http://prntscr.com/3wnxwu - SF В общем, wf у меня был только regular, поэтому bold делался средствами броузера (у каждого по своему). Когда добавил wf bold, стало получше - но все равно есть разница.

Нет, не помогает. Правда у меня webfont, но это не должно влиять.