X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Как сделать второй стиль для меню
money121
money121
Topic Starter сообщение 22.6.2010, 15:23; Ответить: money121
Сообщение #1


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

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

наведении курсора синего), как мне это сделать, а то чето сижу и немогу никак вникнуть!!!


HTML

<tr>
                    <td class="left" valign="top">
<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

.left {width:289px; height:100%;}
#menu{padding-left: 40px;text-align:left;}
.m {font-weight: normal; font-family: Times New Roman; font-size: 16pt; padding-top:10px;}
.m a{color: #ED9823; text-decoration: underline;}
.m a:hover{color: #FFF;    text-decoration: none;}
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 22.6.2010, 15:34; Ответить: locky-yotu
Сообщение #2


Например так
.m a[href="/akcia/"] {color:#f00}
.m a[href="/akcia/"]:hover {color:#00f}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 22.6.2010, 15:34; Ответить: Letmetouchyou
Сообщение #3


<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_ak">Акции</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>


.left {width:289px; height:100%;}
#menu{padding-left: 40px;text-align:left;}
.m {font-weight: normal; font-family: Times New Roman; font-size: 16pt; padding-top:10px;}
.m a{color: #ED9823; text-decoration: underline;}
.m a:hover{color: #FFF; text-decoration: none;}
.menu_ak:link,.menu_ak:visited {text-decoration:none; color:#ff0000}
.menu_ak:hover,.menu_ak:active {text-decoration:none; color:#336699}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
money121
money121
Topic Starter сообщение 22.6.2010, 15:53; Ответить: money121
Сообщение #4


(Letmetouchyou @ 22.6.2010, 18:34) *
<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_ak">Акции</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>


.left {width:289px; height:100%;}
#menu{padding-left: 40px;text-align:left;}
.m {font-weight: normal; font-family: Times New Roman; font-size: 16pt; padding-top:10px;}
.m a{color: #ED9823; text-decoration: underline;}
.m a:hover{color: #FFF; text-decoration: none;}
.menu_ak:link,.menu_ak:visited {text-decoration:none; color:#ff0000}
.menu_ak:hover,.menu_ak:active {text-decoration:none; color:#336699}



Попорбовал как вы написали, все осталось без изменений, как и было
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 22.6.2010, 16:01; Ответить: locky-yotu
Сообщение #5


money121, должно работать. Попробуйте еще добавить стили, которые я написал.
ottaviano, ему надо только для пункта "Акции"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
money121
money121
Topic Starter сообщение 22.6.2010, 18:22; Ответить: money121
Сообщение #6


То есть мне нужно сделать код как написал Letmetouchyou и еще добавить в стили что написали вы? Или как, я просто совсем зеленый еще в этом деле
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 22.6.2010, 18:32; Ответить: locky-yotu
Сообщение #7


Просто добавить. Правда, это не работает в IE6, но я думаю, он уже не должен никого волновать.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
money121
money121
Topic Starter сообщение 22.6.2010, 18:49; Ответить: money121
Сообщение #8


Огромное спасибо! Все получилось! Буду грызть учебник по Html
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
money121
money121
Topic Starter сообщение 23.6.2010, 7:22; Ответить: money121
Сообщение #9


Вот еще вопрос? Сделать нужно тоже самое но с другим кодом.

<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>




#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;}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 23.6.2010, 8:52; Ответить: locky-yotu
Сообщение #10


Так же.
У меня тоже вопрос, почему вы не выделяете код спец-тегами для подсветки синтаксиса? Это вроде какое-никакое уважение к тем, кто оказывает помощь...
[IMG]http://s3.amazonaws.com/floomby/6_23_2010/Q8PL2Z5Jb0aRzini70hutA.png[/IMG]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
 12 Boymaster 1914 Вчера, 21:03
автор: MisterBit
Открытая тема (нет новых ответов) ✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐
Сервис для получения SMS на реальные номера USA
 13 Chekon 4078 18.4.2024, 11:48
автор: Chekon
Открытая тема (нет новых ответов) Rebex.io – Ваша инновационная платформа для обмена криптовалюты!
 1 Rebex 685 17.4.2024, 11:50
автор: Rebex
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
 29 freeax 4813 17.4.2024, 1:19
автор: sergio11
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
 11 Aloof 2819 16.4.2024, 12:48
автор: diviner99


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 20.4.2024, 2:04

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet