Text-decoration только для текста ссылки

lyapiss · August 11, 2009

Прошу помочь.

Как сделать так, что бы text-decoration:underline применялся исключительно к тексту находящемуся в ссылке.

<a href=***.php" class="mb1"><img src="spacer.gif" width="30" height="30">
Заказ</a>

в стиле:

a.mb1:hover{
	color: #c96a16;
	font-size: 11px;
	font-family: Arial;
	text-decoration: underline;
	background-image: url(m1b1_on.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}

psywalker · August 11, 2009

Написал, но видимо не то и поздно

Edited August 11, 2009 by psywalker

Justnewone · August 11, 2009

Прошу помочь.
Как сделать так, что бы text-decoration:underline применялся исключительно к тексту находящемуся в ссылке.
<a href=***.php" class="mb1"><img src="spacer.gif" width="30" height="30">
Заказ</a>
в стиле:
a.mb1:hover{
	color: #c96a16;
	font-size: 11px;
	font-family: Arial;
	text-decoration: underline;
	background-image: url(m1b1_on.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}

a.mb1 IMG,

a.mb1:hover IMG{

text-decoration:none;

}

lyapiss · August 11, 2009

a.mb1 IMG,
a.mb1:hover IMG{
text-decoration:none;
}

спасибо.

но не работает почему-то.

psywalker · August 11, 2009

А так не работает?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
*{ border: none;}
a { text-decoration: none;}

a.mb1:hover{
	color: #c96a16;
	font-size: 11px;
	font-family: Arial;

	background-image: url(m1b1_on.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}
a.mb1:hover span { text-decoration: underline;}
</style>
</head>

<body>
<a href="" class="mb1"><img src=".jpg" width="30" height="30"><br><span>Заказ</span></a>

</body>
</html>

Edited August 11, 2009 by psywalker

dark_hero · August 11, 2009

А так не работает?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
*{ border: none;}
a { text-decoration: none;}

a.mb1:hover{
	color: #c96a16;
	font-size: 11px;
	font-family: Arial;

	background-image: url(m1b1_on.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}
a.mb1:hover span { text-decoration: underline;}
</style>
</head>

<body>
<a href="" class="mb1"><img src=".jpg" width="30" height="30"><br><span>Заказ</span></a>

</body>
</html>

я бы еще для текста font-size прописал, а то как-то прыгает дергано

lyapiss · August 11, 2009

А так не работает?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
*{ border: none;}
a { text-decoration: none;}

a.mb1:hover{
	color: #c96a16;
	font-size: 11px;
	font-family: Arial;

	background-image: url(m1b1_on.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}
a.mb1:hover span { text-decoration: underline;}
</style>
</head>

<body>
<a href="" class="mb1"><img src=".jpg" width="30" height="30"><br><span>Заказ</span></a>

</body>
</html>

спасибо. да так заработало.

и еще такой вопрос, почему может не работать стиль hr - в css прописал цвет, а на деле цвета нет почему-то.

psywalker · August 11, 2009

и еще такой вопрос, почему может не работать стиль hr - в css прописал цвет, а на деле цвета нет почему-то.

А потому что нечего использовать это старьё вообще

lyapiss · August 11, 2009

А потому что нечего использовать это старьё вообще

и чё тогда использовать?

<img> ?

dark_hero · August 11, 2009

и чё тогда использовать?
<img> ?

я бы использовал див

psywalker · August 11, 2009

и чё тогда использовать?

вообще пустые элементы плодить не рекомендуется, если только реально нет другого выхода, если можно, то сделай IMG, а при необходимости div

Justnewone · August 11, 2009

HR{

height:0px;

overflow:hidden;

border-top:1px solid #цвет;

}

SelenIT · August 11, 2009

spacer.gif — в топку. Плазменную. 2009-й год на дворе!

Для 30-пиксельного отступа сверху — padding-top: 30px и вся недолга (тем более, ссылка уже блочная)...

Sign In

Text-decoration только для текста ссылки

Question

Link to comment

Share on other sites

12 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information