Значи имам едно menu.
И веднага под него стои за профила един класс...
И двете са флоатнати за лефт обаче menu-то отива от ляво пък бокса от дясно?
Уш и на двете са лефт.. ама неще ето и кода
И веднага под него стои за профила един класс...
И двете са флоатнати за лефт обаче menu-то отива от ляво пък бокса от дясно?
Уш и на двете са лефт.. ама неще ето и кода
Код:
<ul id="mainNav">
<li class="active"><a href="#">Начало</a></li>
<li><a href="#">Начало</a></li>
<li><a href="#">Начало</a></li>
<li><a href="#">Начало</a></li>
<li><a href="#">Начало</a></li>
<li><a href="#">Начало</a></li>
</ul>
<div class="profile">
</div>
Код:
#mainNav {
font-weight: normal;
font-family: Tahoma;
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 25px;
}
#mainNav li {
float: left;
margin: 0;
padding: 5px;
padding-left: 6px;
font-family: Tahoma;
font-size: 100%;
font-size: 11px;
}
#mainNav a {
float: left;
display: block;
text-decoration: none;
margin-top: 10px;
margin-right: 8px;
padding-bottom: 5px;
color: #a6a6a6;
border-bottom: none;
}
html>body #mainNav a {
float: left;
display: block;
text-decoration: none;
margin-top: 10px;
margin-right: 20px;
padding-bottom: 5px;
color: #a6a6a6;
border-bottom: none;
}
#mainNav a:hover {
padding-bottom: 5px;
text-decoration: none;
border-bottom: 1px solid #fff;
}
#mainNav .active a {
border-bottom: 1px solid #630000;
padding-bottom: 5px;
color: #FFF;
}
div.profile {
width : 410px;
height: 300px;
float : left;
background : #ccc url(images/profile.jpg) repeat-x;
border : 1px solid #f9f9f9;
display : inline;
margin : 5px 0px 0px 10px;
}
