Нестандартная задача(atantion please) - HTML и CSS

sem_1989 · 12.07.2011, 11:28

Необходимо сделать так, чтобы все ссылки, при наведении курсора, оказывались в рамочке (зеленой).
При этом, все изображения, заключенные в ссылки, оказывались в другой рамке (синей).

Каким образом убрать зеленую рамку с картинки без добавления стиля прямо к ссылке?????

Код HTML:

<html>
<head>
<title>Тест</title>
<style>
	img {border: none;}
	a, a:visited {text-decoration: none;}
	a:hover {border: 3px green solid;}
	a:hover img {border: 3px blue solid;}
</style>
</head>
<body>
	<a href="#">ссылка</a>
	
        <a href="#">
		<img width="100" height="100" src="">
	</a>

</body>
</html>

ZvEr_HaCkEr · 12.07.2011, 13:43

Можно так попробовать

Код:

<html>
<head>
<title>Тест</title>
<style>
	img {border: none;}
	a, a:visited {text-decoration: none;}
	.links a:hover {border: 3px green solid;}
	a:hover img {border: 3px blue solid;}
</style>
</head>
<body>
<div class="links">
	<a href="#">ссылка</a>
	</div>
        <a href="#">
		<img width="100" height="100" src="" />
	</a>

</body>
</html>

ZvEr_HaCkEr · 12.07.2011, 13:43

Можно так попробовать

Код:

<html>
<head>
<title>Тест</title>
<style>
	img {border: none;}
	a, a:visited {text-decoration: none;}
	.links a:hover {border: 3px green solid;}
	a:hover img {border: 3px blue solid;}
</style>
</head>
<body>
<div class="links">
	<a href="#">ссылка</a>
	</div>
        <a href="#">
		<img width="100" height="100" src="" />
	</a>

</body>
</html>

sem_1989 · 12.07.2011, 21:11

спасибо, всё ок))

12.07.2011, 11:28	#1
sem_1989 Пользователь Регистрация: 25.09.2010 Сообщений: 56	Нестандартная задача(atantion please) Необходимо сделать так, чтобы все ссылки, при наведении курсора, оказывались в рамочке (зеленой). При этом, все изображения, заключенные в ссылки, оказывались в другой рамке (синей). Каким образом убрать зеленую рамку с картинки без добавления стиля прямо к ссылке????? Код HTML: <html> <head> <title>Тест</title> <style> img {border: none;} a, a:visited {text-decoration: none;} a:hover {border: 3px green solid;} a:hover img {border: 3px blue solid;} </style> </head> <body> <a href="#">ссылка</a> <a href="#"> <img width="100" height="100" src=""> </a> </body> </html> Последний раз редактировалось sem_1989; 12.07.2011 в 11:30.

12.07.2011, 21:11	#4
sem_1989 Пользователь Регистрация: 25.09.2010 Сообщений: 56	спасибо, всё ок)) Последний раз редактировалось sem_1989; 13.07.2011 в 01:10.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Нестандартная форма	ZvEr_HaCkEr	Общие вопросы Delphi	16	27.08.2010 05:17
Нестандартная сортировка	DJOV	Microsoft Office Excel	5	10.09.2009 01:17
нестандартная задача в паскале	vadek13	Помощь студентам	5	22.05.2009 22:49
Нестандартная задача с цветами ячеек ДБГрид!	Abbatik	БД в Delphi	2	02.02.2008 18:02