Nigelist

Разобрался! Объявил !important для стиля иконки форума с новыми сообщения.

Имеется форум на платформе PunBB. Хочу закрепить уникальные иконки для каждого форума. Но никак не получается сменить иконку, когда на форуме появляются сообщения. Когда нет сообщений, используется такая конструкция: <div class="main-content"> <div id="forum24" class="main-item odd"> <span class="icon "><!-- --></span> </div> </div> И в этом случае иконки отображаются корректно. Когда появляются сообщения, то участок кода выглядит так: <div class="main-content"> <div id="forum24" class="main-item odd new"> <span class="icon new"><!-- --></span> </div> </div> В стилях использую такой код: .main-content #forum24.main-item .icon { background: url("/img/icons/debian_no_messages.png") no-repeat } .main-content #forum24.main-item.new .icon { background: url("/img/icons/debian_new_messages.png") no-repeat } В итоге иконка для форума новыми сообщения не меняется, хотя должна отобразится другая иконка. Подскажите, где ошибка?

Спасибо! Но всё равно не понятно, как они тот же цвет ссылок задают. Или цвет меню. Видимо придется долго втыкать, пока не пойму.

Создал себе блог на платформе Octopress. Захотел изменить тему по умолчанию. Но видимо я сильно отстал от развития CSS. Ибо столкнулся с непонятными конструкциями, вроде этих: $link-color: lighten(#165b94, 3) !default;$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default;$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;При этом цвет ссылки a:hover #0181eb, а этого цвета я в стилях не нахожу... Был бы очень благодарен, если бы кто-нибудь помог бы мне разобраться, как редактировать подобные стили? И где искать значения цветов? Вот сама тема, на основе этой темы octopress генерирует статичные станицы.

wwt, спасибо! Получилось отлично! atlanta, а товарищ выше всё увидел... Но и Вам спасибо, за отзывчивость!

atlanta, вот ссылка на ресурс. Очень уж запутанные темы у Octopress.

Я не полностью обрисовал ситуацию. Но, для обычного абзаца у меня уже задано выравнивание по ширине. Нужно задать выравнивание именно для изображений.

Имеется конструкция типа: <p><img src="image.jpg"></p>Как можно с помощью CSS, указать выравнивание по середине?

SelenIT, если вы спрашиваете о работоспособности чекбоксов и радиобаттонов - они работают, но пунктирная линия осталась.

SelenIT, спасибо работает!!! Сделал так: input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {border:0} Более короткое решение подсказали: input::-moz-focus-inner {border:0}

Mr.Black, ты вообще об чем? Зачем мне стили ненумерованных списков, изображений и ссылок? Тем более для ссылок outline:none у меня стоит. Great Rash, тоже не помогло.

Э-х-х, если все было так просто... Не помогает почему то...

Помогите решить проблему с кнопками в Firefox. При нажатии у кнопки появляется пунктирная обводка. Похожая проблема есть со ссылками, но она решается с помощью: outline:none; Но проблема с кнопками вышеуказанным способом не решить. Подскажите есть ли способ решить проблему пунктирной обводки кнопок в Firefox. З.Ы. Кстати проблема пунктирной обводки у ссылок есть и в IE6, и она тоже не решается с помощью outline:none.

SelenIT, блин, даже IETester крашится, при ресайзе окна. Тяжеловатая функция... А вы в чем тестили? И можно ли сделать bottom не 20px, а 2px?

SelenIT, gordi, есть ли готовое решение для моего случая?