| Rolf Wolf 2005-11-13, 6:51 pm |
| Hi,
Is it possible to optimize that nice navigation-formating that the length
of each block element is defined in the following way:
fixed space ( here realized with text-indent: 20px;) + length of the text +
another fixed space on the right side which I dont´know how to define.
thanks for inspiration,
here is the code
rolf
html:
<br><ul id="mainlevel-nav"><li><a
href="index.php?option=com_weblinks&Itemid=22" class="mainlevel-nav"
>Links</a></li><li><a href="index.php?option=com_contact&Itemid=3"
class="mainlevel-nav" >Contact Us for more info and be
trained</a></li><li><a
href="index.php?option=com_content&task=section&id=1&Itemid=2"
class="mainlevel-nav" >News</a></li><li><a href="index.php"
class="mainlevel-nav" >Home</a></li></ul><br>
css:
body {
margin: 0px;
}
#mainlevel-nav {
margin: 0; padding: 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
}
#mainlevel-nav li {
background-image: none;
padding-left: 0px;
list-style:none; float: left;
margin: 0; width: 90px;
font-size: 10px;
line-height: 15px;
white-space: nowrap;
text-indent: 20px;
}
#mainlevel-nav a {
display: block; float: left; text-decoration: none; border: 1px solid;
border-color: #fff #cc3300 #cc3300 #fff;
background: #ff9933 url(vmenu_bgr.png) 200px no-repeat;
color: white;
}
#mainlevel-nav a {
float: none;
}
#mainlevel-nav a:hover {
background: #ff6600 url(vmenu_bgr.png) 2px no-repeat;
}
|