Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 2079 Просмотров
*

robotwerder

  • Захожу иногда
  • 248
  • 6 / 1
проблема с hover в ff 3
« : 04.11.2009, 11:57:55 »
http://pandastyle.ru/baryer/
взгляните на выпадающие пункты главного меню (пункт услуги)
линия hover при наведении в последней мозиле у меня смещена влево и не находится ровно под текстом.
обнулял отступы что только не делал не помогло.
Как победить косяк. Первый раз подобное встречаю:(
может есть хак? подсобите советом или ссылочкой

Код
 #fish1 li ul li a:hover  
{
background-image: url(../images/arr.jpg);
background-repeat: no-repeat;
background-position: 0px 5px;
text-decoration: underline;
}

#fish1 li ul li a:visited
{
background-image: url(../images/arr.jpg);
background-repeat: no-repeat;
background-position: 0px 5px;
text-decoration:none;
}

ul#fish1 li ul li a span
{
position:relative;
left:20px;
}
*

Antosha

  • Захожу иногда
  • 420
  • 52 / 0
  • Плохо спорить плохо
Re: проблема с hover в ff 3
« Ответ #1 : 05.11.2009, 04:10:34 »
у меня все в порядке.

В граница рисуется в .moduletablefish ul li a ,  а не в тех стилях, которые Вы привели. Или уточните, более подробно, что не так?
<a href="http://joomlablog.ru/">JoomlaBlog</a>
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
*

robotwerder

  • Захожу иногда
  • 248
  • 6 / 1
Re: проблема с hover в ff 3
« Ответ #3 : 05.11.2009, 15:52:40 »
Я тока верстаю .. видимо заказщик что та химичил.. сейчас всё фурычит)
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: проблема с hover в ff 3
« Ответ #4 : 05.11.2009, 16:28:40 »
Тут все верно срабатывает.
Этот момент появляется из-за свойства тега span внутри тега а:
Код: css
#fish1 li ul li a span {
padding-left:20px;
}
Ведь Вы задаете отступ контента у внутреннего элемента (span) у ссылки, поэтому образуется слева пустота, но это все еще ссылка, вот при наведении подчеркивание распространяется и на нее.

А если сделать так:
Код: css
#fish1 li ul li a span {
display:block;
margin-left:20px;
}

То все будет работать нормально.
*

robotwerder

  • Захожу иногда
  • 248
  • 6 / 1
Re: проблема с hover в ff 3
« Ответ #5 : 05.11.2009, 17:41:48 »
спасибо. Вам +
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с таблицей при просмотре с мобильника

Автор annetkas

Ответов: 5
Просмотров: 2261
Последний ответ 19.11.2021, 14:06:15
от effrit
Проблема с миниатюрами

Автор Stasweb

Ответов: 4
Просмотров: 1125
Последний ответ 03.11.2020, 17:04:00
от Nikolay89
Проблема с меню на сайте

Автор nesskafe

Ответов: 9
Просмотров: 1378
Последний ответ 01.06.2020, 11:03:58
от sivers
Проблема с меню на сайте и иконками Awesome

Автор Lemonez

Ответов: 1
Просмотров: 1719
Последний ответ 10.02.2020, 05:02:12
от Lemonez
Проблема шрифта bold

Автор web3.0

Ответов: 3
Просмотров: 3075
Последний ответ 06.04.2019, 09:50:36
от web3.0