How to change css for bottom nav menu - different
hello,
someone coded site me , i'd know how change css can insert menu image bottom nav.
currently code references same menu image both top nav , bottom nav - think!
fyi - creating related site based off of site... reason question.
thx,
rf
first need change html code this:
<ul class="bottom-menu">
<li><a href="index.html">home</a></li>
<li><a href="coftour.html">coftour</a></li>
<li><a href="aboutus.html">about us</a></li>
<li><a href="testimonials.html">testimonials</a></li>
<li><a href="inspirations.html">inspirations / impartations</a></li>
<li><a href="meditations.html">meditations</a></li><br />
<li><a href="talkslindagallagher.html">talks linda gallagher</a></li>
<li><a href="videos.html">videos</a></li>
<li><a href="powerofmusic.html">power of music</a></li>
<li><a href="bookstore.html">bookstore</a></li>
<li><a href="contactus.html">schedule / contact us</a></li>
</ul>
then need paste css code in file called: <http://acenteroffreedom.org/css/all.css>
ul.bottom-menu{
overflow:hidden;
background:url(../images/bg-bottom-menu.gif) no-repeat 0 0;
width:869px;
height:51px;
text-align:center;
clear:both;
padding:5px 20px 0;
}
ul.bottom-menu li{
padding:0 17px;
display:inline;
font-size:14px;
line-height:20px;
}
ul.bottom-menu li a{
font:14px/20px arial, verdana, sans-serif;
color:#fff;
text-decoration:none;
}
ul.bottom-menu li a:hover{text-decoration:underline;}
now ready change whatever want in css code.
good luck.
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment