Занимавах се да направя 'централно ориентиран сайт', съвсем прост на вид, както в урока за CSS. Проблемът се явява в това, че две от частите в сайта ми стават 'активен линк', без дори да съм ги правил . Нека предварително кажа, че съм си проверил кодът за грешки, след което го показах на мой приятел, но нито той, нито аз не открихме такава. Ето кодът, с който работих:
HTML кодът
<link href="stilove.css" rel="stylesheet" type="text/css"/>
<li><a href="http://www.nau4i.me" title="nachalo" target="_blank"> nachalo
</a></li> <li><a href="http://www.nau4i.me" title="za nas" target="_blank">za nas
</li> <li><a href="http://www.nau4i.me" title="produkti" target="_blank">produkti
</li> <li><a style="border-right:none" href="http://www.nau4i.me" title="kontakti" target="_blank"> kontakti
</li>
и CSS кодът
body
{
margin: 0;
background-color: #cccccc;
}
#container
{
width: 800px;
margin: 0 auto;
}
#head
{
width: 100%;
height: 70px;
background-color: red;
}
#menu
{
width: 100%;
height: 30px;
background-color: orange;
}
#body
{
width: 100%;
height: 300px;
background-color: yellow;
}
#footer
{
width: 100%;
height: 20px;
background-color: green;
}
.horizontal
{
width: 100%;
height: 30px;
}
.horizontal ul
{
list-style-type: none;
margin: 0;
padding: 0;
}
.horizontal li
{
float:left;
}
.horizontal a
{
display:block;
width:116px;
}
.horizontal a:link, .horizontal a:visited
{
font-family: arial, helvetice;
font-size: 24px;
font-weight:bold;
color:white;
background-color:blue;
text-align: center;
padding-top:0px;
text-decoration:none;
border-right: 1px;
border-right-color: #fff;
border-right-style: solid;
}
.horizontal a:hover,.horizontal a:active
{
background-color: orange;
color:#FFF;
text-decoration: underline;
}
Благодаря предварително
!!
