1 reply to this topic

[zoom4267]

what settings do i use to get the text at the bottom like in my example. I cant seem to get it right, thanks

i am using padding but it dosnt seem to work right,

if i use padding it pushes down the div under it.

.solidblockmenu{
margin: 0;
padding: 20px;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 75px 11px;
text-decoration: none;


}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: red;


}

<div id="topmenu">
<ul class="solidblockmenu">
<li><a href="#">Home</a></li>
<li><a href="#">CSS Examples</a></li>
<li><a href="#/">Forums</a></li>
<li><a href="#">Webmaster Tools</a></li>
<li><a href="#/">JavaScript</a></li>
<li><a href="#">Gallery</a></li>
</ul>


</div>
thanks

Attached Files

•  top.png   7.45K   29 downloads

Edited by zoom4267, 11 June 2007 - 06:22 AM.

[albinoAZN]

You could try doing line-height. Try adding "line-height:34px;" to the ".solidblockmenu li a{" and changing the value till you get what you need.