Форум Сайтостроение Веб-строительство

Простенький вопрос по CSS

12
JN
На сайте с 10.03.2006
Offline
66
jim_nyc
855

Вот какая ситуация:

Хочеться чтобы при наведении на текстовую ссылку, был синий bg, но он также появился в виде нижней полосы на всех графических ссылках, логотип, баннеры и прочие. Подскажите как исправить???

Knave
На сайте с 01.02.2007
Offline
48
Knave
#1 


a:hover img {

background:none!important;

}
That's what's the deal we're dealin' in
[Удален]
#2

используйте свойства a:hover {.................}

JN
На сайте с 10.03.2006
Offline
66
jim_nyc
#3

Код такой: 


a:hover {

	color: #FFFFFF;

	text-decoration: none;

	background-color: #2D83C2;

}

a:hover img {

    background:none!important;

}

В iE все нормально, а Firefox продолжает подчеркивать графические ссылки. 😕

Василий Ткачев
На сайте с 19.05.2005
Offline
481
Василий Ткачев
#4
jim_nyc:
Код такой: 

a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #2D83C2;
}
a:hover img {
    background:none!important;
}


В iE все нормально, а Firefox продолжает подчеркивать графические ссылки. 😕

на картинку бордер 0 не судьба поставить?

и вот это что за бред - background:none!important; этим возможно и уберется бекграунд, но неправильно все равно написано.. пробелы-то ставить надо..

Продвигаем естественно ( http://www.inetessentials.ru/ ) и непринужденно. Практический курс по оптимизации ( https://allintop.ru/optimization/ ) - без воды и на основе сайтов студентов. Ежегодная конференция All in Top Conf (https://www.allintopconf.ru/)
zmitrok
На сайте с 18.01.2008
Offline
50
zmitrok
#5

jim_nyc, у вас background-color относится ко всем ссылкам. Оформите ссылки "Стены в ванной" и "Ремонт полов и стен на кухне" отдельным классом и давайте фон только ему - это значительно легче, чем дать фон всем ссылкам, и убирать его там где он не нужен.

JN
На сайте с 10.03.2006
Offline
66
jim_nyc
#6
inetessentials:
на картинку бордер 0 не судьба поставить?
и вот это что за бред - background:none!important; этим возможно и уберется бекграунд, но неправильно все равно написано.. пробелы-то ставить надо..

Border стоит на 0, пробелы ситуацию не исправили. Буду признателен, если подскажите как правильно написать.

[Удален]
#7

* {padding:0;margin:0;border:0;}

a {

color: #FFFFFF;

text-decoration: none;

}

a:hover {

color: #FFFFFF;

text-decoration: none;

background-color: #2D83C2;

}

Василий Ткачев
На сайте с 19.05.2005
Offline
481
Василий Ткачев
#8
jim_nyc:
Border стоит на 0, пробелы ситуацию не исправили. Буду признателен, если подскажите как правильно написать.

киньте ссылку где такое.. а то гадание на кофейной гуще получается

JN
На сайте с 10.03.2006
Offline
66
jim_nyc
#9
inetessentials:
киньте ссылку где такое.. а то гадание на кофейной гуще получается

ruenter.ru

D
На сайте с 21.03.2008
Offline
1
drygb
#10

Первое решение это ставить не картинки под ссылками, а просто ссылки с определенным id, со св-вом background.

Второе, как уже заметили (и это будет наиболее правильно) завести класс для текстовых ссылок, и там уже менять цвет фона.

Сейчас вобще не уверен что решение возможно.

12

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