text-decoration:none

FtD · May 6, 2008

Здравствуйте, такая вот проблема:

есть 2 класса для текста в одном из которых text-decoration:underline;-его я объявил в самом начале, т.к. он основной.

есть 2й класс, в нем text-decoration:none; когда применяю этот класс с помощью абв,

то абв все равно остается подчеркнутым. Вот сосбно вся проблема.

Иван Шумов · May 6, 2008

покажи код

FtD · May 6, 2008

[*]

Онлайн-тест:

ZoNT · May 6, 2008

покажи css

FtD · May 6, 2008

.textLeftMain{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color:#00AEEF;

text-decoration:underline;

}

.textLeftMain2{

color:#DBE6EF;

text-align:justify;

font-size:11px;

font-family:Verdana, Arial, Sans-serif;

font-weight: bold;

text-decoration:none;

}

ZoNT · May 6, 2008

есть 2й класс, в нем text-decoration:none;.

что-то не увидел...

FtD · May 6, 2008

это старый вариант, забыл вписать...

ZoNT · May 6, 2008

ага, после редактирования увидел...

а на #list3Header никакого случаем стиля не повешено?

FtD · May 6, 2008

#list3Header{

margin-left:-8px;

line-height:15px;

}

ZoNT · May 6, 2008

гм... Сделай минимальную страничку и выложи сюда, я ?е покопаю.... С виду вс? правильно...

FtD · May 6, 2008

[*]qwerty

ZoNT · May 6, 2008

Вс? отлично работает, что тебе не нравится? У спана нет подч?ркивания, я проверил. Тебя наверное вводит в заблуждение подч?ркивание у элемента списка, которое он наследует от дива... Но ты же его сам не убрал - вот оно и есть...

Вот посмотри:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" />
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<style>
a:link {color: #00AEEF;
text-decoration: underline;
}
a:visited {color: #0189DF;
text-decoration: underline;
}
a:active {color: #F57401;
text-decoration: underline;
}
a:hover {color: #00AEEF;
text-decoration: underline;
}

#leftMain{
background:#055096;
float:left;
width:18%;
height:1050px;
}

#leftMain li{
list-style-type:none;
}

.textLeftMain{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#00AEEF;
text-decoration:underline;
}

.textLeftMain2{
color:#DBE6EF;
text-align:justify;
font-size:11px;
font-family:Verdana, Arial, Sans-serif;
font-weight: bold;
text-decoration:line-through;
}

#listLeftMain{
margin:40px 0px 0px 20px;
line-height:20px;
}
</style>
</head>
<body>
<div id="leftMain" class="textLeftMain">
			<ul id="listLeftMain">   
				<li><span class="textLeftMain2"><nobr>qwerty</nobr></span></li>
						<li><a href="http://" ><nobr>qwerty</nobr></a></li>
				</ul>
</body>
</html>

FtD · May 6, 2008

а как это наследование можно обойти?

ZoNT · May 6, 2008

Последний раз исправляю - дальше верстай сам НОРМАЛЬНО!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" />
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<style>
a:link {color: #00AEEF;
text-decoration: underline;
}
a:visited {color: #0189DF;
text-decoration: underline;
}
a:active {color: #F57401;
text-decoration: underline;
}
a:hover {color: #00AEEF;
text-decoration: underline;
}

.textLeftMain{
	background:#055096;
	float:left;
	width:18%;
	height:1050px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00AEEF;
}

.listLeftMain{
	margin:40px 0px 0px 20px;
	line-height:20px;
}
.listLeftMain li,
.listLeftMain .textLeftMain2 {
	text-decoration:underline;
	list-style-type:none;
}

.listLeftMain .textLeftMain2{
	color:#DBE6EF;
	text-align:justify;
	font-size:11px;
	font-family:Verdana, Arial, Sans-serif;
	font-weight: bold;
	text-decoration:none;
}

</style>
</head>
<body>
	<div class="textLeftMain">
		<ul class="listLeftMain">   
			<li class="textLeftMain2">qwerty</li>
			<li><a href="http://" >qwerty</a></li>
		</ul>
	</div>
</body>
</html>

yopopt · May 6, 2008

Эмм... В ч?м проблема то? Вот смотрите, вы созда?те блок, которому говорите "подч?ркивать текст внутри себя", далее внутри этого блока Вы созда?те элемент, которому говорите "не подч?ркивать текст внутри себя". Вот Вы и видите вполне логичную картину: текст ведь находится в span, а span находится в div, соттветственно и текст находится в div. Вы указали span не подч?ркивать текст, вот он и не подч?ркивает, а div продолжает его подч?ркивать.

ZoNT · May 6, 2008

yopopt +1 за толковое разъяснение (самому лень писать )

FtD · May 6, 2008

хорошо, а как сделать чтобы див не подчеркивал? Но вписать класс в него... мне не нужно ничего исправлять, я просто хочу сделать все красиво... Если нельзя обойти наследование никак, то ладно.

ZoNT · May 6, 2008

пипец, я ж уже прив?л тебе рабочий код, тебе мало?

Razor · May 6, 2008

ZoNT и yopopt

по +1 от меня тож)

у меня тут прям левелАП, я просто CSS ток учу)

FtD, так тебе и сделали чтоб он не подчеркивал ужеж..код выше посмотри

я так понял: нужно правила делать не

блок 1 - подчеркивать все

блок внутри - не подчеркивать

т.к. блок внутри сперва не подчеркивает, но блок1 подчеркивает все внутри

а надо

блок 1- не подчеркивать

а нужный блок внутри - подчеркнуть

FtD · May 6, 2008

посмотрите отредактированную версию)

FtD · May 6, 2008

исправить и я сам могу

ZoNT · May 6, 2008

Последний раз исправляю - дальше верстай сам НОРМАЛЬНО!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" />
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<style>
a:link {color: #00AEEF;
text-decoration: underline;
}
a:visited {color: #0189DF;
text-decoration: underline;
}
a:active {color: #F57401;
text-decoration: underline;
}
a:hover {color: #00AEEF;
text-decoration: underline;
}

.textLeftMain{
	background:#055096;
	float:left;
	width:18%;
	height:1050px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00AEEF;
}

.listLeftMain{
	margin:40px 0px 0px 20px;
	line-height:20px;
}
.listLeftMain li,
.listLeftMain .textLeftMain2 {
	text-decoration:underline;
	list-style-type:none;
}

.listLeftMain .textLeftMain2{
	color:#DBE6EF;
	text-align:justify;
	font-size:11px;
	font-family:Verdana, Arial, Sans-serif;
	font-weight: bold;
	text-decoration:none;
}

</style>
</head>
<body>
	<div class="textLeftMain">
		<ul class="listLeftMain">   
			<li class="textLeftMain2">qwerty</li>
			<li><a href="http://" >qwerty</a></li>
		</ul>
	</div>
</body>
</html>

ZoNT · May 6, 2008

FtD, это пробовал смотреть?

FtD · May 6, 2008

благодарю за объяснение... думал есть какой способ отмены подчеркивания, оказывается все делается ручками)

сижу разбираюсь в написанном, кстати что значит:

.listLeftMain li,

.listLeftMain .textLeftMain2 {

text-decoration:underline;

list-style-type:none;

}

?

ZoNT · May 6, 2008

это стиль для li, котрорые лежат в ul класса listLeftMain и для li класса textLeftMain2, которые лежат в ul класса listLeftMain

Эквивалентно

ul.listLeftMain li,

ul.listLeftMain li.textLeftMain2 {

text-decoration:underline;

list-style-type:none;

}

ZoNT · May 6, 2008

... оказывается все делается ручками)

Некоторые делают жопкой: получается так что без сл?з смотреть нельзя...

Sign In

text-decoration:none

Question

Link to comment

Share on other sites

31 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

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

Link to comment

Share on other sites

Обсуждения

Important Information