Недавно столкнулся с проблемой исчезновения заднего фона у элемента списка в IE 6. Верстал я сайдбар темы для wordpress и был такой кусок кода (на самом деле он был другой, но для упрощения пусть он будет именно такой): (more…)
Недавно встретил такой вот кусок кода:
Этот кусок кода поверг меня в шок. Человек знает что такое условные комментарии, но при этом не знает, что для отступов нужно использовать css свойство margin.
Если вы чего не знаете по css можете спросить об этом webmolot'a, который в качестве подарка на новый год отвечает на воросы, связанные с css.
Или же спросить Евгения Кузьмина, который проводит подобную акцию, только отвечает на все вопросы.
Если же в преддверии нового года вы ничего не хотите знать и слышать о css и всем, что с ним связано, можете почитать о приближающемся годе быка.
Ребята из Yahoo медленно, но верно вносят свой вклад в развитие интернета. Наверное, не так и медленно, но что верно вносят, это без всяких сомнений. К своему стыду, я только недавно обратил внимание на YUI Grids CSS.
Если вы хотите верстать сайты, как это делают в Yahoo, то YUI Grids CSS именно для вас. Для этого у вас будет в распоряжении 6 готовых шаблонов и набор классов для построения структуры сайта, проверенные в наиболее используемых браузерах. (more...)
Не так давно, один мой коллега обратился ко мне с вопросом как задать стиль лишь для input c type равным button. Может быть, кому-то эта информация покажется тоже интересной, поэтому, пишу на блоге.
Для того чтобы сделать отдельный стиль для элемента, достаточно знать селекторы css или, хотя бы, знать где на них посмотреть. Воочию увидеть их можно в спецификации CSS 2.
Вдоволь насмотревшись на спецификацию, можно прийти к выводу, что в данном случае нам бы помог этот селектор:
Получим такую картину:
Как видно из рисунков выше, все браузеры подхватили стили для селектора, кроме IE6. Но и это не вопрос. Воспользуемся разработками Майкрософт для IE. А именно, условными комментариями, для того чтобы вынести css код для IE6 в отдельный css файл и не травмировать психику других браузеров.
А в самом css файле для IE6 воспользуемся другой разработкой Майкрософта, css expressions.
После этих несложных манипуляций в IE 6 кнопка будет выглядеть следующим образом:
Что хотелось бы сказать напоследок? Скажу, что expressions замедляют работу браузера. Об их оптимизации можно почитать у Павла Корнилова, а также у Юрия Артюха.
Принял эстафету от Никиты, у него же можно почитать правила.
Надеюсь, кому-то советы окажутся полезными. Эстафету хотел бы передать Юрию “akella” Артюху, Павлу Корнилову и Павлу Кирсанову.
P.S. Третий совет, благодаря комментариям Виталия Харисова, притерпел изминения. Также хотелось бы услышать и его 5 советов