Hello.
I am not a professional web designer, but just a volunteer working for
an Italian charity organization. A few years ago we decided to have a
website and I started studying Html and Css, then got a template from
oswd.org and modified it. The result is www.equatore.org.
Now we have new content to add and the site needs a redesign. I am
working on it and everything seems to be fine, with one exception. I
have a menu with the following Html:
<div id="menu">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
The corresponding Css is:
#menu {
width: 800px;
margin: auto;
padding: 4px 0px 5px 0px;
font-family: "Lucida Grande", Verdana, Tahoma, sans-serif;
background: #d5d8d3;
border-bottom: 2px solid navy;
border-top: 2px solid navy;}
#menu ul {
margin: 0px;
padding: 0px;}
#menu li {
display: inline;
padding: 0;}
#menu a {
padding: 5px 15px;
font-size: 12px;
color: #000000;}
#menu a:hover {
border-bottom:none;
background-color: #c3c3c3;}
When I hover over the menu, I can see a little gap between one item
and the next one. Is there a way of getting rid of that space and go
directly from one link to the next one?
Thanks.
mario
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
