azamicu
پنج شنبه 10 مرداد 1392, 11:20 صبح
سلام
یک ul با چند li در زیرمجکوعش بساز و float به li ها بده این میشه زیرمنوت حالا هر استایلی ک خواستی بهش اد کن
مثل این استایل مثلا:
#navi {
float: right;
width: 620px;
}
#navi ul {
float: right;
margin: 0;
padding: 0;
width: auto;
}
#navi ul li {
border-right: 1px dotted #CCCCCC;
display: inline-block;
float: left;
list-style-type: none;
padding: 12px 12px 13px;
position: relative;
}
#navi ul li:first-child {
border-left: 1px dotted #CCCCCC;
border-right: 1px dotted #CCCCCC;
display: inline-block;
float: left;
list-style-type: none;
padding: 12px 12px 13px;
position: relative;
}
#navi ul li a, #navi ul li a:visited {
color: #807F7F;
font-family: 'HelveticaLTStdRoman',Arial,Helvetica,sans-serif;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
}
#navi ul li a:hover {
color: #DA600A;
font-family: 'HelveticaLTStdRoman',Arial,Helvetica,sans-serif;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
text-shadow: 1px 1px 2px #999999;
}
اینم html کار
<div id="navi">
<ul>
<li>
<a title="Response Home" href="/themes/response/">Home</a>
</li>
<li class="">
<a title="Response Features" href="#">Features</a>
</li>
<li>
<a title="Response's Blog" href="blog.html">Blog</a>
</li>
<li class="">
<a title="Respons'se Portfolio" href="portfolio.html">Portfolio</a>
</li>
<li>
<a title="Contact Response" href="contact-us.html">Contact Us</a>
</li>
</ul>
</div>