VPF::создание эффектов для ссылки - Форум программистов

godvinn

Дата 8.5.2009, 09:53 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 407
Регистрация: 4.4.2008
Где: possibility of mo ving to Kyiv

Репутация: нет
Всего: 1

Привет.

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

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

Код


#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. Как сделать чтобы и там и там были одинаковые подчеркивания?

--------------------

Everything happens in life.

NDenis

Дата 8.5.2009, 10:49 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

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

Код


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

godvinn

Дата 8.5.2009, 15:31 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 407
Регистрация: 4.4.2008
Где: possibility of mo ving to Kyiv

Репутация: нет
Всего: 1

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

--------------------

Everything happens in life.

Kirill89

Дата 15.5.2009, 14:55 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 501
Регистрация: 17.10.2006
Где: Питер

Репутация: нет
Всего: 4

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

Код


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

--------------------

GSteam[dot]info

MaXL

Дата 15.5.2009, 15:33 (ссылка)

(нет голосов)

Загрузка ...

Developer

Профиль
Группа: Участник
Сообщений: 380
Регистрация: 24.10.2005
Где: Владивосток

Репутация: нет
Всего: 2

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 работает. Вот только наверно придётся ещё вам кое-что подправить, в связи блочностью элемента.

--------------------

MaXL

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »