Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > создание эффектов для ссылки

Автор: godvinn 8.5.2009, 09:53

Привет.

Есть такая проблема:

У меня есть меню в нем есть следующий код

Код


#menu a 
{
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

#menu td a:hover
{
    border-bottom: 5px solid #A0CF73;
    color: #A0CF73;

}

он работает только в Firefox а в IE не хочет принимать параметры бордера, то етсь в Firefox толщина
подчеркивания 3px а при наведении 5 px, а IE и там и там получается по 1 px. Как сделать чтобы и там и там были одинаковые подчеркивания?

Автор: NDenis 8.5.2009, 10:49

а если указать:

Код


#menu a:link {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

Автор: godvinn 8.5.2009, 15:31

NDenis, нет такое не помогает

Автор: Kirill89 15.5.2009, 14:55

godvinn, может быть попробовать?

Код


#menu a 
{
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}
#menu a:hover
{
    border-bottom: 5px solid #A0CF73;
    color: #A0CF73;
}

Автор: MaXL 15.5.2009, 15:33

godvinn, ещё как вариант, объявить a как блочный элемент, указав display: block;.

Код


#menu a 
{
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    display: block;
}
#menu td a:hover
{
    border-bottom: 5px solid #A0CF73;
    color: #A0CF73;
}

В IE6 и Firefox 3 работает. Вот только наверно придётся ещё вам кое-что подправить, в связи блочностью элемента.