How do I decrease the padding around the text that I have in the menu?
q2ctf.net (When on the Red team) shows the problem I'm having. The height of the table is slightly too much. Thanks alot
HTML Code:
<style type="text/css">
.menu dt {display:none;}
.menu dd {margin:0; padding:0;}
.menu .aa {width:5px; float:left; border-bottom:1px solid #999999;}
.menu .bb {float:left; padding:2px 0 2px 0; border-bottom:1px solid #999999; border-top:1px solid #999999; text-align:center;}
.menu .sela {width:5px; float:left; background:#fff; font-size:1em;}
.menu .selb {float:left; padding:2px 0 2px 0; border-top:1px solid #999999; background:#fff; color:#999999; font-size:1em; text-align:center;}
.menu .va {width:1px; float:left; border-top:5px solid #fff; background:#999999; overflow:hidden;}
.menu .vb {width:1px; float:left; height:1px; background:#999999; border-top:2px solid #fff; border-bottom:2px solid #999999; overflow:hidden;}
.menu .vc {width:1px; float:left; height:1px; background:#999999; border-top:1px solid #fff; border-bottom:1px solid #999999; overflow:hidden;}
.menu .vd {width:2px; float:left; height:1px; background:#999999; border-top:1px solid #999999; overflow:hidden;}
* html .menu .vb {height:5px; he\ight:1px;}
* html .menu .vc {height:3px; he\ight:1px;}
* html .menu .vd {height:2px; he\ight:1px;}
.menu a, .menu a:visited {color:#999999; text-decoration:none; font-size:1em; cursor:pointer; background:#c88;}
.menu a:hover {color:#BF704F; border-bottom:1px solid #BF704F}
.menu a:hover .aa {border-bottom:1px solid #BF704F}
.menu a:hover .bb {border-bottom:1px solid #BF704F; border-top:1px solid #BF704F;}
.menu a:hover .selb {border-bottom:1px solid #BF704F; color:#BF704F}
.menu a:hover .va {background: #BF704F}
.menu a:hover .vb {background: #BF704F; border-bottom:2px solid #BF704F}
.menu a:hover .vc {background: #BF704F; border-bottom:1px solid #BF704F}
.menu a:hover .vd {background: #BF704F; border-top:1px solid #BF704F}
.pad {float:left; color:#fff;}
.padtop {float:left; display:block; padding:0 5px;}
</style>
HTML Code:
<div class="menu">
<dl>
<dt>Artist menu</dt>
<dd><a
href="#"><span class="aa"><span
class="va"> </span><span
class="vb"></span><span
class="vc"></span><span
class="vd"></span></span><span
class="bb">Home</span><span
class="aa"><span class="vd"></span><span
class="vc"></span><span
class="vb"></span><span
class="va"> </span></span></a></dd>
<dd><a
href="#"><span class="aa"><span
class="va"> </span><span
class="vb"></span><span
class="vc"></span><span
class="vd"></span></span><span
class="bb">Forum </span><span
class="aa"><span class="vd"></span><span
class="vc"></span><span
class="vb"></span><span
class="va"> </span></span></a></dd>
<dd><a
href="#"><span class="aa"><span
class="va"> </span><span
class="vb"></span><span
class="vc"></span><span
class="vd"></span></span><span
class="bb">Maps</span><span
class="aa"><span class="vd"></span><span
class="vc"></span><span
class="vb"></span><span
class="va"> </span></span></a></dd>
</dl>
</div>
14-May-2005, 04:39
Toyota - 2008 July Promotion by Nihal
Similar Threads
