В общем объяснять не поймёте вот даю код и хтмл и ксс.
[PHP]
* {margin: 0;
padding: 0;}
body {background: #c9d0e3;}
p {margin: 0;
font-size: 20em;
overflow: hidden;
}
#bod {margin: 0 auto;
margin-top: 25px;
width: 1000px;
min-height: 700px;}
.head {height: 150px;
position: relative;
background: #44657f;
}
.head p {width: 45px;
height: 45px;
position: absolute;
text-align: center;
line-height: 8px;
background: #c9d0e3;
color: #44657f; }
p em {
cursor: default;
}
.tre {
position: relative;
top: 35px;
text-align: center;
font-size: 450%;
font-weight: 700;
font-variant: small-caps;
color: white;
text-shadow: silver 2px 2px 3px;
font-family: "Gidi";
cursor: default;
}
marquee {
color: white;
}
.er1 em {top: 33px;}
.er2 em {top: 33px;
left: -60px;}
em {position: relative;
left: -28px;
}
.er4 em {left: -60px;}
p.er2 {left: 955px;}
p.er3 {top: 70%;
background: #9db1cc;}
p.er4 {left: 955px;
top: 70%;
background: #9db1cc;}
.nav {height: 35px;
background: #9db1cc;
position: relative;
z-index: 2;
}
.navka {width: 17%;
height: 250px;
position: relative;
}
.body {position: relative;
width: 827px;
min-height: 600px;
left: 170px;
margin-top: -250px;
border-left: dashed #082567;}
.footer {height: 80px;
background: black;
border-top: solid #708090;
border-bottom: solid #708090;
clear: both;}
.nav p {line-height: 5px;
position: relative;
left: 967px;
width: 33px;
height: 100%;
margin-top: -51px;
background: white;
color: #9db1cc;
}
.begstr {
position: relative;
width: 95%;
margin: 0 auto;
top: -14px;
}
.nav p:first-child {left: 0px;
margin-top: 0px;
top: 0;
margin-left: 0;
background: #ccccff;
}
.nav p {position: relative;
top: 16px;
z-index: 1;
;}
.nav p em.lr2 {left: -72px;
top: -9px;
}
.nav p em.lr1 {top: -9px;
z-index: 1}
.navka {background: #ccccff;}
.body {background: white;}
.osnov {
background: #d7d7d7;
}
.navka p {
position: absolute;
width: 45px;
height: 45px;
background:#ccccff;
z-index: 2;
}
.navka p:first-child {
left: 0;
bottom: 0;
}
.navka p {
bottom: -45px;
right: 0;
}
.navka em {
line-height: 0;
padding: 0;
top: 4px;
}
.navka .gr1 {
color: #ccccff;
background: #d7d7d7;
}
.navka .gr2 {
color: #d7d7d7;
background: #ccccff;
top: 37px;
left: -60px;
}
.navigation {
width: 130px;
float: right;
border-left: solid 1px;
height: 100%;
position: relative;
z-index: 1;
}
marquee a:link {
color: orange;
text-decoration: none;
}
a:visited {
outline: none;
}
.navka ul {
display: inline;
margin: 0;
list-style: none;
position: relative;
z-index: 3;
line-height: 23.5px;
}
.navka ul li:first-child {
border-top: solid 1px;
}
.navka li {
padding: 8px 30px;
border-top: solid 1px;
border-bottom: solid 1px transparent;
border-left: solid 10px transparent;
font-size: 140%;
white-space: pre;
color: white;
font-family: "Vrinda";
word-spacing: -5px;
cursor: default;
text-shadow: black 2px 2px 2px;
}
.ngran {
border-bottom: solid white 1px;
}
.navka li#ne:hover + p#dl {
color: green;
}
.navka li:hover {
border-left: #44657f 10px solid;
}
.navka li#ne:hover {
border-left: 10px solid transparent;
}
#dl {
position: absolute;
left: 0;
bottom: 0px;
width: 10px;
height: 41px;
background: #d7d7d7;
border: solid;
}
#dl em {
top: 0px;
color: #ccccff;
}
[/PHP]
[PHP]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Сайт для чайников</title>
<meta name="description" content="Сайт для создания сайтов" />
<meta name="keywords" content="сайты, редактирование, создание, чайники, сайтостроение, HTML, CSS, програмирование" />
<meta name="robots" content="all" />
<meta name="authors" content="Зайкин Андрей Викторович" />
<meta http-equiv="content-type" content="text/html, charset=windows-1251" />
<meta http-equiv="content-language" content="ru-RU" />
<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if IE]>
<style>
#bod {margin-left: 200px;}
.body {height: 600px;}
.nav {text-align: center;}
.nav p {position: absolute;
height: 35px;
left: 0px;
top: 51px;
line-height: 8px;
padding: 0px;}
.nav p.ur {left: 967px;}
.body {width: 830px;}
.nav .rr {background: #ccccff;
z-index: 1;
}
.navka p.dd {
position: alternate;
top: 205px;
left: 0px;
}
.navigation { height: 97px;}
.footer {height: 86px;}
.begstr {top: 0px;
}
</style>
<![endif]-->
</head>
<body>
<div id="bod">
<div class="head">
<p class="er1"><em>•</em></p>
<p class="er2"><em>•</em></p>
<p class="er3"><em>•</em></p>
<p class="er4"><em>•</em></p>
<div class="tre">загаловок сайта</div>
</div>
<div class="nav">
<p class="rr"><em class="lr1">•</em></p>
<p class="ur"><em class="lr2">•</em></p>
<div class="begstr"><marquee>Приветствуем вас на нашем сайте. Если хотите узнать о нас больше нажмите <a href="fsdfasf">сюда</a>.</marquee></div>
</div>
<div class="osnov">
<div class="navka">
<p class="dd"><em class="gr1">•</em></p>
<p><em class="gr2">•</em></p>
<ul>
<li><a>Новости</a></li>
<li><a>Галерея</a></li>
<li><a>Форум</a></li>
<li><a>Чат</a></li>
<li><a>Обзоры</a></li>
<li id="ne"><a>Что это?</a></li>
</ul>
<p id="dl"><em>•</em></p>
<div class="ngran">
</div>
</div>
<div class="body">
</div>
</div>
<div class="footer">
</div>
</div>
</body>
</html>[/PHP]
Проблем несколько. Во первыых в броузере опера неправильно отсчитывается место булов, поэтому закруглить углы не получается. (в мозиле коретно отображается ну и в ие) Но это можно решить и с помощью хаков а вот основная проблема с ховером. Последняя ссылка закруглена поэтому также хочу чтобы как и во всех остальных при наведении слева отображалась 10пиксельная линия. Я зделал ещё один бул 10px поставил его на нужное место ну и при наведении на последнюю ссылку по идее он должен становится другим цветом. Но почемуто ховер просто отказывается работать. Помогите решить хоть вторую проблему.
P.S. Да я знаю лучше бы закругление сделать с помощью изображений.
P.P.S Нужное место где должно становится участок другим цветом при наведении на последнюю ссылку я выделил рамкой.
Сообщение сайта
Перестал работать псевдокласс :hover
СиДжей
0 
Как юрлицу работать с физлицом
9.5.2010, 14:00;
Сообщений: 3
