|
Posted by Marc on 01/31/06 15:14
Gwayn wrote:
> I need help again :(
> In a navbar appears a line under each list element [list of imgs], in the
> css you can put padding-bottom: 0px; margin-bottom: 0px; border-bottom:
> none; everywhere but the space under the list element dont go away...
If you're talking about the yellow bit it's because of the height
attribute you set on the LI - I've commented it out and also tidied up
the rest of your CSS.
Marc
<style>
#navcontainer
{
margin-top: 4em;
float: left;
background-color: green;
border-bottom: none;
}
#navlist
{
font: bold 12px Verdana, sans-serif;
background-color: black;
width: 8.50em;
height: 16em;
padding: 0;
}
#navlist li
{
list-style: none;
text-align: left;
background-color: yellow;
text-align:right;
//height:34px;
}
#navlist li a
{
display:block;
background-color: blue;
padding: 0 0 0 1em;
border-right: 0.7em solid red;
}
</style>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#"><img src="img/bDisclaimer.gif" alt="Disclaimer"
border="0" /></a></li>
<li><a href="#"><img src="img/bRead.gif" alt="Read Online"
border="0" /></a></li>
</ul>
</div>
Navigation:
[Reply to this message]
|