Глюки с наследыванием или хз с чем...

Destrifer · December 4, 2008

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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>
.div1 {
width: 164px;
position: absolute;
top: 30%;
background-color:#009999;
}
.div1 > a {
display: block;
text-decoration: none;
color: #ffffff;
padding: 5px;
background:#212121;
border: 2px ridge #000;
}
.div1 > a:hover {background: #7f7f7f;}
.div2 {
width:36px;
height:36px;
position:absolute;
right:-36px;
top:50%;
margin-top:-18px;
}
.div2 a {
text-decoration: none;
color: #ffffff;
border: 2px ridge #000;
background:#212121;
padding: 30px 5px;
line-height:36px;
}
.div2 a:hover {background: #7f7f7f;}
.div3 {
width:36px;
height:36px;
position:absolute;
top:0px;
left:50%;
margin-left:-41px;
}
.div3 a {
text-decoration: none;
color: #ffffff;
border: 2px ridge #000;
background:#212121;
padding: 5px 30px;
}
.div3 a:hover {background: #7f7f7f;}
.div4 {
width:100px;
height:100px;
position:absolute;
left:50%;
top:100%;
margin-left:-41px;
.div4 a {
text-decoration: none;
color: #ffffff;
border: 2px ridge #000;
background:#212121;
padding: 5px 30px;
}
.div4 a:hover {background: #7f7f7f;}
</style>
</head>

<body>
<div class="div1">
	<a href="#" >123</a>
	<a href="#" >123</a>
	<a href="#" >123</a>
	<a href="#" >123</a>
	<div class="div2"><a href="#" >123</a></div>
	<div class="div3"><a href="#" >123</a></div>
	<div class="div4"><a href="#" >123</a></div>
</div>

</body>
</html>

Почему:

к 4 диву стиль не цепляется?

Убрать скажем "position:absolute;" из 3 дива - ползет все.

Нужно верхний и нижний блоки сделать по центу первого дива прижатыми к краю снаружи (как справа).

Edited December 4, 2008 by Destrifer

Scrum · December 4, 2008

а вы собственно чего пытаетесь сделать ?

по центу первого дива прижатыми к краю снаружи (как справа)

жесть.

Destrifer · December 4, 2008

т.е. по дивам все нормально...

вешаю оформление - все как-то расходится

Anami · December 4, 2008

Я может не из того века, но что это за знак > ? 0_о

.div1 > a:hover {background: #7f7f7f;}

Подозреваю что копипаст

Scrum · December 4, 2008

Anami

что это за знак > ? Подозреваю что копипаст

неугадал.

Дочерние селекторы

Destrifer · December 4, 2008

Вроде всегда был селектор дочерних элементов

Подозреваю, что единственный способ избежать наследования на остальные теги "а"....

Собственно, как быть в этом случае с ie6?

p.s. Scrum опередил

Edited December 4, 2008 by Destrifer

Anami · December 4, 2008

Век живи век учись. А я все както пробелами без галочек обхожусь и наследование никуда не пропадает.

Да, кстати откройте эту самую статью про дочерние селекторы и прочтите в не черным по зеленому о том что ие6 их не поддерживает)

В итоге уберите селекторы и счастье посетит вас

Edited December 4, 2008 by Anami

Destrifer · December 5, 2008

О том и речь - как побороть наследование в ie6?

Vlad · December 5, 2008

Посмотрел в IE6 и IE7. Мама дорогая! Надо будет все переверстывать. И еще - закрой скобку у .div4 в стилях.

Destrifer · December 5, 2008

И еще - закрой скобку у .div4 в стилях

Спасибо.

В общем сделал я как надо, но над корректной работой в ie надо будет попотеть

s0rr0w · December 5, 2008

Спасибо.
В общем сделал я как надо, но над корректной работой в ie надо будет попотеть

Попотей над expression в css. Может реально помочь

Destrifer · December 5, 2008

Спасибо, попробую.

Anami · December 6, 2008

И почему все люди такие упорные.

ЭТО .div1 > a { МОЖНО записать ТАК .div1 a { и это БУДЕТ РАБОТАТЬ ВЕЗДЕ.

И не придется изврат устраивать с ие. Современные способу рулят.

homm · December 6, 2008

И почему все люди такие упорные.
ЭТО .div1 > a { МОЖНО записать ТАК .div1 a { и это БУДЕТ РАБОТАТЬ ВЕЗДЕ.
И не придется изврат устраивать с ие. Современные способу рулят.

Люди упорные потому пробблему обсуждают. Ты вот не понял в чем суть тебе кажется все просто.

ЭТО .div1 > a { МОЖНО записать ТАК .div1 a

Это будет значить разные вещи. Рассказывать тебе я не буду сам ищи описание по синтаксису селекторов.

Ogalig · December 8, 2008

Я правильно понял что вот в таком вот коде:

<div class="dv">
	<div id="div1">
		<div id="div2">
		</div>
	</div>
</div>

Селектор типа dv div назначит стили для div1 и div2,

а селектор dv > div назначит стили только для div1 ?

s0rr0w · December 8, 2008

Я правильно понял что вот в таком вот коде:
<div class="dv">
	<div id="div1">
		<div id="div2">
		</div>
	</div>
</div>
Селектор типа dv div назначит стили для div1 и div2,
а селектор dv > div назначит стили только для div1 ?

А открыть текстовый файлик и за минуту сделать себе test-case слабо?

Ogalig · December 8, 2008

Написать да/нет слабо?

s0rr0w · December 8, 2008

Написать да/нет слабо?

Да/нет. Помогло?

Sign In

Глюки с наследыванием или хз с чем...

Question

Link to comment

Share on other sites

17 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

Join the conversation

Обсуждения

Important Information