Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как сделать второй стиль для меню
 
 автор: money121   (23.06.2010 в 08:06)   письмо автору
 
 

Возник такой вопрос! Вот Html код меню и его стиль, мне нужно сделать так чтобы для одного
пункта меню (Акции) был другой стиль (точнее чтобы этот пункт меню был красного цвета, а при
наведении курсора синего), как мне это сделать, а то чето сижу и немогу никак вникнуть!!!

HTML Код

<div id="menu">
<div class="m"><a href="/about/" class="menu_a">О компании</a></div>
<div class="m"><a href="/news/" class="menu_a">Новости компании</a></div>
<div class="m"><a href="/articles/" class="menu_a">Статьи</a></div>
<div class="m"><a href="/shop/" class="menu_a">Каталог</a></div>
<div class="m"><a href="/akcia/" class="menu_a">Акции</a></div>
<div class="m"><a href="/servise/" class="menu_a">Доставка</a></div>
<div class="m"><a href="/usloviya/" class="menu_a">Условия</a></div>
<div class="m"><a href="/contact/" class="menu_a">Контакты</a></div> </div>



CSS Код

#menu{
text-align:left;
padding-left:40px;
padding-top:50px;
}

.m{
font-weight: normal;
font-family: Times New Roman;
font-size: 16pt;
padding-top:10px;
}
a.menu_a {text-decoration: none; border-bottom: 1px dotted #ED9823;}
a.menu_a:hover {text-decoration: none; border-bottom: 1px dotted #FFF; color: #FFF;}
~.m a{color: #ED9823; text-decoration: underline;}
~.m a:hover{color: #FFF; text-decoration: none;}

  Ответить  
 
 автор: sim5   (23.06.2010 в 08:38)   письмо автору
51.9 Кб
 
   для: money121   (23.06.2010 в 08:06)
 

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

  Ответить  
 
 автор: АЯ   (23.06.2010 в 14:32)   письмо автору
 
   для: money121   (23.06.2010 в 08:06)
 

Подсказываю суть одного из способов на двух примерах:
Пример 1:
<style>
div.RRR {color: red}
div.BBB {color: blue}
</style>

<div class="RRR">RRR</div>
<div class="BBB">BBB</div>

<div class="RRR BBB">RRR BBB</div>
<div class="BBB RRR">BBB RRR</div>

Пример 2:
<style>
div.BBB {color: blue}
div.RRR {color: red}
</style>

<div class="RRR">RRR</div>
<div class="BBB">BBB</div>

<div class="RRR BBB">RRR BBB</div>
<div class="BBB RRR">BBB RRR</div>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования