Removing white space from left of Navigation Bar
hello,
i can’t remove uneven marging i’m getting on left of navigation bar. if use minus figure padding right hand border longer shows.
html , css copied in below.
thanks in advance help.
mmc
***
<!-- menu -->
<div id="menu">
<ul><li><a href="home.html">about us</a></li>
<li><a href="baby&mum.html">our products</a></li>
<li><a href="her.html">news</a></li>
<li><a href="him.html">contact us</a></li>
<li><a href="hampers.html">hampers</a></li>
<li><a href="occasions.html">occasions</a></li>
<li><a href="fruit.html">fruit</a></li>
<li><a href="sweets.html">sweets</a></li>
<li><a href="corporate.html">corporate</a></li>
<li><a href="offers.html">corporate</a></li>
</ul>
</div>
#menu {
width: 980px;
clear: both;
height: 35px;
}
#menu ul {
margin: 0px;
padding-top: 0px;
list-style-type: none;
}
#menu ul li {
display: inline;
}
#menu ul li {
color: #fff;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
float: left;
background-image: url(../resources/brownbutton.jpg);
height: 20px;
padding-top: 10px;
padding-right: 21px;
padding-bottom: 6px;
padding-left: 21px;
border-right-width: thin;
border-right-style: solid;
border-right-color: #fff;
}
#menu ul li a:hover {
color: #fff;
text-decoration: none;
font-size: 12px;
float: left;
background-image: url(../resources/greenbutton.jpg);
height: 20px;
padding-top: 10px;
padding-right: 21px;
padding-bottom: 6px;
padding-left: 21px;
}
it's pretty hard tell may happening snippet of css , html. post link actual page can see of code in action?
one guess can make may not have removed default browser margin in <body> tag.
body {
margin:0;
}
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment