Слои и CSS

[criket84]

Всем здравствуйте, будьте добры подскажите по какой причине может не работать атрибут text-decoration: underline; (при наведении курсора на ссылку под ней должна появляться полоска), делаю страницу сайта слоями, первый слой фотка, остальные слои это ссылки поверх этой фотографии в привязанном документе CSS в параметре слоя ставлю атрибут text-decoration: underline; и он не хочет работать, да и другие значения этого параметра не работают.

[css_noob]

ты где-то ошибся в описании или назначении класса

надо код смотреть

Edited September 30, 2012 by css_noob

[criket84]

Это в CSS атрибуты слоя

#layer1{

top: 15px;

left: 50px;

color: #ffa500;

font-size:30px;

width: 250px;

width:120px;

text-decoration: underline;

}

это слой в HTML

<div id="layer1" >

<a href="http://.........">ССЫЛКА</a>

</div>

Edited September 30, 2012 by criket84

[css_noob]

вы возможно забыли указать псевдокласс :hover

text-decoration

не наследуется, то есть вы указали стиль для текста находящегося в диве

любые вложение теги уже не будут получать этот стиль

для ссылки надо писать

.layer1 a{
    text-decoration:underline;
}
.layer1 a:hover{
   text-decoration:none;
}

либо создать стиль с нужным свойством и применить к ссылке

Edited September 30, 2012 by css_noob

[criket84]

Да вы правы, сделал вот так

<style>

a {

text-decoration: none; /* Убираем подчеркивание у ссылок */

}

a:hover {

text-decoration: underline; /* Добавляем подчеркивание

при наведении курсора мыши на ссылку */

}

</style>

и все стало норм на всех ссылках, пример даже тут на сайте нашел http://htmlbook.ru/css/text-decoration , БОЛЬШОЕ СПАСИБО )

Edited September 30, 2012 by criket84