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;

wwt, спасибо! Получилось отлично!

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

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

p {  text-align: center;}

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

Имеется конструкция типа:

<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, есть ли готовое решение для моего случая?

По-моему, позишн: фиксед как раз и придуман для небольших элементов (в первую очередь динамических), для которых налезать на другие блоки и оставаться под рукой всё время

psywalker, я правильно вписал код который вы дали?

psywalker, к сожалению работает некорректно, не позиционируется с помощью bottom. Тестирую с помощью IE Tester.

#chatBox {width:200px; background:#F8F8F8; padding:2px; border:1px #CDCDCD solid; position:fixed; right:4px; bottom:2px; z-index:81}
* html #chatBox {position: absolute; top:expression(document.getElementsByTagName('html')[0].scrollTop+24+'px'); right:4px; bottom:2px;}

psywalker, нужно получить эмуляцию position fixed для IE6, но блок должен быть закреплен:

right:4px; bottom:2px;

Именно в bottom, а не с отступом от top'a. И в не зависимости от размеров окна, разрешения экрана, оставаться на месте. Возможно ли это реализовать с помощью expression.

psywalker, а не переделаете свой вариант для моего стиля. А то поставил ваш вариант и чат растянулся.

#chatBox {width:200px; background:#F8F8F8; padding:2px; border:1px #CDCDCD solid; position:fixed; right:4px; bottom:2px; z-index:81}

По умолчанию чат у меня свернут и разворачивается вверх.

Это не мой вариант. Я, признаться, не читал код, который привел YaD. Но в любом случае это наверное самый правильный вариант организации fixed в ИЕ6.

Не хотелось бы переделывать шаблон под этот метод. Мне в принципе хватило бы нормально написанного expression, даже несмотря на то что он кушает ресурсы. CSS-хаками бы сделал бы код активным только для IE6.

З.Ы. решил попробовать что получится из этого. Как я и подозревал. Без подгона шаблона ничего хорошего:

А переделывать весь шаблон, из-за одного мини-чата не хоцца.

YaD, опять таки, такой способ я находил. Вы ж сами говорите мол вставьте 100px, для отступа сверху. Мне этот вариант не подходит по той причинет, что во первых, разрешение на рабочем столе может быть разным. Во вторых высота окна тоже может быть разной.

Great Rash, разве ваш вариант не тоже самое, что и это?

Как раз читал баш, цитата: "А кто-нибудь еще использует ИЕ6? -Да, разработчики, которые считают, что кто-то еще использует ИЕ6"

Найдено на первых строчках яндекса. Кстати, а чем вам expression не угодил? И кто сказал, что с его помощью блок крепится к топу? expression - метод для ИЕ, чтобы в цсс можно было вставлять куски js-кода для поддержки несуществующих в ИЕ функций. Там как бы координаты задаете и в путь. Но этот метод тоже рабочий.

Та не не скажите. Осла многие используют. Попросил пяток знакомых прислать скрины своей страницы. Вот и обнаружились косячки. А по поводу вашего метода, читал как то заметки к такому методу :

Жесть (:

В футураме было такое дело:

- Профессор, как летает этот звездолёт?

- Он не летает, он стоит на месте и двигает всю вселенную вокруг себя.

Есть плавающий блок (position fixed) и во всех браузерах нормально отображается. А в IE6 position fixed оказывается не пашет. Искал в гугле, но там описаны способы закрепляющие блок в топе. А мне необходимо закрепить этот слой в боттом.

Подскажите как это сделать? Вот CSS того самого блока:

width:200px; background:#F8F8F8; padding:2px; border:1px #CDCDCD solid; position:fixed; right:4px; bottom:2px; z-index:81

outline: none;

тоже работает и валидно

Спасибо, бум пробовать...