Вопрос по CSS

12
K
На сайте с 07.03.2007
Offline
143
771

Доброго вечера всем.

Столкнулся вот с такой проблемой в стилях. Тегу <a></a> прописал в стиле a:hover такое вот: background: #CC0000;.

Но вот беда, теперь бэкграунд и у всех картинок-ссылок при наведении курсора появляется. А это не очень красиво. Точнее вообще некрасиво, когда счетчик при наведении курсора окаймляется фоном.

Можно ли как нить это исправить? То есть, чтобы все картинки-ссылки при наведении курсора не окрашивались фоном?

Спасибо заранее

Shtogrin
На сайте с 02.11.2006
Offline
95
#1


...
<style>
a.color:hover {background-color:#CC0000;}
</style>
...
<a class="color" href=""> Link</a>
<a href="">No color</a>
www.shtogrin.com (http://www.shtogrin.com/). Канцтовары (http://www.invit.com.ua/). 1С Бухгалтерия (http://account.kiev.ua/).
T4
На сайте с 20.09.2007
Offline
25
tt4
#2

Попробуйте так:

a:hover{background:#CC0000;}

a img:hover{background:none;}

Pavka
На сайте с 20.05.2005
Offline
82
#3

Вы предопределили глобальное свойство ссылок. Поэтому оно и проявляется везде.

Прописывайте background только для определенных классов ссылок

Без подписи
K
На сайте с 07.03.2007
Offline
143
#4

Да, я тоже склоняюсь к версии прописывать классы... Но там уже дофига всего ворошить придется. Вот и интересуюсь, есть ли возможность сделать исключение для картинок... tt4, так я уже пробовал. Не работает.

Pavka
На сайте с 20.05.2005
Offline
82
#5

Так попробуйте

img a, img a:hover {

background: none;
text-decoration: none;
}
[Удален]
#6
img a:link, img a:hover {
background: #FFFFFF;
text-decoration: none;
}
img {
background: #FFFFFF;
}

может так?

Seo Spy
На сайте с 31.07.2007
Offline
10
#7

там в отступах дело, как вы себе представляете background у img? Смотрите, чтобы не было border и обнулены значения padding и margin

get rich or die tryin - (c) У Анатолия Вассермана 7 мозгов, один в голове, 5 рассованы по карманам и один в бороде. (http://portal.legko.org/2007/10/26/)
[Удален]
#8

ах да извиняюсь

img a:link, img a:hover { background: #ffffff; text-decoration: none; margin: 0; padding: 0; border-width: 0; }
img { background: #ffffff; margin: 0; padding: 0; border-width: 0; }

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

a.fatman
На сайте с 15.01.2006
Offline
127
#9

Советующим "img a" -- как вы представляете себе тег a, вложенный в тег img?

N
На сайте с 08.01.2005
Offline
27
Nun
#10
Pavka:
Так попробуйте
img a, img a:hover {

background: none;
text-decoration: none;
}

Так не пробуйте

Вы сначала должны описать старший тег, потом вложенный в него. Синтаксис:

 a img, a:hover img {

background: none;
text-decoration: none;
}
Nundesign (http://www.nundesign.com/) Библиотека Сайтостроительства (http://forum.i2r.ru)
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий