Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Подскажите по css
цитата
31/10/06 в 18:58
 bleed
ломаю голову уже.
Код:
<style type="text/css">
.ttl {color: #4D4D4D; font-size: 22px;}
.ttl:link {text-decoration: underline; font-size: 22px;}   
.ttl:visited {text-decoration: underline; font-size: 22px;}
.ttl:active {text-decoration: none; font-size: 22px;}
.ttl:hover {text-decoration: none; font-size: 22px;}                                                                                           

a:link {color: #00349B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline;}
a:visited {color: #00349B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline;}
a:active {text-decoration: none;}
a:hover {text-decoration: none;}
</style>
<a href="">test</a>
<a href="" class="ttl">test</a>
<div class="ttl">test</div>

нужно вторую ссылку вывести в стиле ttl а выводит в стиле A
цитата
31/10/06 в 19:06
 adult-designer
пробуй такую схему:

a ttl {color: #4D4D4D; font-size: 22px;}
a:link ttl {text-decoration: underline; font-size: 22px;}
a:visited ttl {text-decoration: underline; font-size: 22px;}
a:active ttl {text-decoration: none; font-size: 22px;}
a:hover ttl {text-decoration: none; font-size: 22px;}

вроде так...
цитата
31/10/06 в 19:56
 bleed
после долгих перебираний решил
.ttl a:link{color: #4D4D4D; font-size: 22px;}
цитата
31/10/06 в 22:47
 art-s

вот так вобщето
Код:
a.ttl:{color: #4D4D4D; font-size: 22px;}
a.ttl:link {text-decoration: underline; font-size: 22px;}   
a.ttl:visited {text-decoration: underline; font-size: 22px;}
a.ttl:active {text-decoration: none; font-size: 22px;}
a.ttl:hover {text-decoration: none; font-size: 22px;} 
цитата
31/10/06 в 22:53
 adult-designer
кстати, вопрос:
почему не работает у меня в ИЕ :hover на картинках?

вот тут как пример:
http://www.adult-designer.com/pornsense/index.html
цитата
01/11/06 в 03:21
 loksa
adult-designer писал:

почему не работает у меня в ИЕ :hover на картинках?
вот тут как пример:
http://www.adult-designer.com/pornsense/index.html


Работает там всё.
цитата
01/11/06 в 20:43
 dazz
bleed art-s правильно говорит, например чтобы кроме обычного "а" задать стиль сцылок "b" нада так:

A.a:link {
FONT-SIZE: 16px; COLOR: #ffff00; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.a:visited {
FONT-SIZE: 16px; COLOR: #ffff00; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.a:hover {
FONT-SIZE: 16px; COLOR: #ffffff; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
A.b:link {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.b:visited {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.b:hover {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #ffffff; FONT-FAMILY: arial; TEXT-DECORATION: underline
}

---------------------------------
<a href="" class="b">test</a>

И всё)
цитата
02/11/06 в 00:26
 rexes
dazz писал:
bleed art-s правильно говорит, например чтобы кроме обычного "а" задать стиль сцылок "b" нада так:
A.a:link {
FONT-SIZE: 16px; COLOR: #ffff00; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.a:visited {
FONT-SIZE: 16px; COLOR: #ffff00; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.a:hover {
FONT-SIZE: 16px; COLOR: #ffffff; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
A.b:link {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.b:visited {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.b:hover {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #ffffff; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
---------------------------------
<a href="" class="b">test</a>
И всё)


можно чуть проще:

A{font-family: tahoma, verdana; font-size:12px; font-weight:bold;}
A:link{COLOR:#ff6600; TEXT-DECORATION: underline;}
A:visited{COLOR:#ff6600; TEXT-DECORATION: underline;}
A:hover{COLOR:#339999; TEXT-DECORATION: none;}

.b{font-family: tahoma, verdana; font-size:12px; font-weight:bold;}
.b:link{COLOR:#ff6600; TEXT-DECORATION: underline;}
.b:visited{COLOR:#ff6600; TEXT-DECORATION: underline;}
.b:hover{COLOR:#000000; TEXT-DECORATION: none;}

<a href="">test1</a>
<a href="" class="b">test2</a>

adult-designer писал:
почему не работает у меня в ИЕ :hover на картинках?


попробуй прописать стиль для картинки не в div'е а прямо в <a href...> (сменив id на class)
цитата
02/11/06 в 00:43
 adult-designer
Цитата:
попробуй прописать стиль для картинки не в div'е а прямо в <a href...> (сменив id на class)


попробуем.


Эта страница в полной версии