azazello666 Сообщение 19/03/2010 22:37 Копия темы
И я по вёрстке Ура! Победил

Что-то парюсь долго уже, все комбинации попробовал.
В вордпрессе делаю подсветку активного пункта меню.
В файле css вообще не было класса для активного (current_page_item), поэтому попытался добавить сам, но не вышло(

подкатом


Вордпресс даёт код:
<div id="header">
<ul id="nav" class="nav">
<li class="current_page_item"><a href="/">Главная активно</a>
<li class="page_item"><a href="info.html">Не активно</a>

</div>

В css имеется:
#nav a {
color: #E6E6E6;
font-size: 14px;
font-weight: bold;
display: block;
text-decoration: none;
padding: 9px 15px;
text-transform: uppercase;
}
Ну и конечно всякие hover, но разобраться бы хоть просто с ссылкой

Пробовал:
.current_page_item
.current_page_item a
.current_page_item ul li a
и так далее.
С приставкой #nav тоже пробовал всяко (#nav .current_page_item ul li a...)

Не подсвечивается зараза активный пункт. Явно косячу в css, но где?) Скажите как составить правильно этот класс, плиз! У меня уже рассвет скоро, сигареты заканчиваются, паника!

ElisDN Сообщение 19/03/2010 22:43 Копия темы
.current_page_item a {
color:#f00 !important;
}

LMADesign Сообщение 19/03/2010 22:43 Копия темы
Щя как раз учу версту хД
<ul id="nav" class="nav"> тут явно косяк

и полюбому нужно добавлять в css
.current_page_item{...}

но я новичок в этом деле так что ...

azazello666 Сообщение 19/03/2010 22:44 Копия темы
только что получилось)
Всегда хотел узнать что такое !important?

azazello666 Сообщение 19/03/2010 22:46 Копия темы
выше подсказали, всё гениальное просто)) .current_page_item a без лишних слов)

ElisDN Сообщение 19/03/2010 22:46 Копия темы
Высокий приоритет. Если написать !important, то он всё остальные описания переплюнет.

azazello666 Сообщение 19/03/2010 22:47 Копия темы
понял, спасибо большое)

ElisDN Сообщение 19/03/2010 22:51 Копия темы
<ul id="nav" class="nav">
Косяка нет

LMADesign Сообщение 19/03/2010 22:53 Копия темы
ну вроде используется либо то либо другое, а зачем их оба использовать?

ElisDN Сообщение 19/03/2010 23:01 Копия темы
Ну Id, например, для доступа из JavaScript пригодится через getElementById("nav"), а классы для CSS стилей прописаны. Именно классов у одного элемента может быть несколько, например

<ul id="nav" class="nav redborder left">
...

.nav {...}
.redborder {border:#f00 1px solid}
.left {float:left}

LMADesign Сообщение 19/03/2010 23:03 Копия темы
ооо, познавательно
спасибо!

stepdev Сообщение 20/03/2010 06:22 Копия темы
хех, вообще-то это с подключением пользовательских таблиц стилей связано, если броузер конечно поддерживает такую штуку ;)
www.htmlbook.ru/css/!impo...

Izvarinskij Сообщение 20/03/2010 06:56 Копия темы
Не обязательно использовать important, можно поменять правило на #nav .current_page_item a

Izvarinskij Сообщение 20/03/2010 06:58 Копия темы
Почему бы тогда просто не сделать

<ul id="nav" class="redborder left">

когда будет надо?

ElisDN Сообщение 20/03/2010 08:42 Копия темы
> С приставкой #nav тоже пробовал всяко...

ElisDN Сообщение 20/03/2010 08:46 Копия темы
<ul id="nav" class="nav redborder left">
...
<ul id="navbar" class="nav redborder">
...
<ul id="navinfooter" class="nav greenborder">
...
<ul id="navhrenznaetkakoi" class="redborder right">
...

roose Сообщение 20/03/2010 10:48 Копия темы
redborder не желательно использовать, вдруг в будущем border будут зеленые? )

ElisDN Сообщение 20/03/2010 10:56 Копия темы
Ну эт понятно. Я для примера))

Synoptic Сообщение 20/03/2010 13:11 Копия темы
чтобы в будущем легче было, пользуйтесь firebug или dragonfly
он сразу покажет, что ваши стили перебивает
скорее всего в этом случае какой-то нижкий ксс переписывал .current_page_item