Реклама на сайте Advertise with us

Подскажите по css

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:



С нами с 19.02.03
Сообщения: 1284
Рейтинг: 354

Ссылка на сообщениеДобавлено: 31/10/06 в 18:58       Ответить с цитатойцитата 

ломаю голову уже.
Код:
<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

0
 



С нами с 25.10.03
Сообщения: 1271
Рейтинг: 679

Ссылка на сообщениеДобавлено: 31/10/06 в 19:06       Ответить с цитатойцитата 

пробуй такую схему:

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

вроде так...

4
 



С нами с 19.02.03
Сообщения: 1284
Рейтинг: 354

Ссылка на сообщениеДобавлено: 31/10/06 в 19:56       Ответить с цитатойцитата 

после долгих перебираний решил
.ttl a:link{color: #4D4D4D; font-size: 22px;}

0
 



С нами с 22.10.02
Сообщения: 349
Рейтинг: 98

Ссылка на сообщениеДобавлено: 31/10/06 в 22:47       Ответить с цитатойцитата 


вот так вобщето
Код:
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;} 

0
 



С нами с 25.10.03
Сообщения: 1271
Рейтинг: 679

Ссылка на сообщениеДобавлено: 31/10/06 в 22:53       Ответить с цитатойцитата 

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

вот тут как пример:
http://www.adult-designer.com/pornsense/index.html

0
 

Гугль - хуйло! ла-ла-ла-ла-ла

С нами с 22.02.03
Сообщения: 1378
Рейтинг: 1478

Ссылка на сообщениеДобавлено: 01/11/06 в 03:21       Ответить с цитатойцитата 

adult-designer писал:

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


Работает там всё.

Рекламная сетка тут

0
 



С нами с 16.08.06
Сообщения: 38
Рейтинг: 19

Ссылка на сообщениеДобавлено: 01/11/06 в 20:43       Ответить с цитатойцитата 

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>

И всё)

0
 



С нами с 23.12.02
Сообщения: 535
Рейтинг: 220

Ссылка на сообщениеДобавлено: 02/11/06 в 00:26       Ответить с цитатойцитата 

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)

0
 



С нами с 25.10.03
Сообщения: 1271
Рейтинг: 679

Ссылка на сообщениеДобавлено: 02/11/06 в 00:43       Ответить с цитатойцитата 

Цитата:
попробуй прописать стиль для картинки не в div'е а прямо в <a href...> (сменив id на class)


попробуем.

0
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »