469,290 Members | 1,882 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,290 developers. It's quick & easy.

controll lengt of block element

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&amp;Itemid=22" class="mainlevel-nav"
Links</a></li><li><a href="index.php?option=com_contact&amp;Itemid=3"

class="mainlevel-nav" >Contact Us for more info and be
trained</a></li><li><a
href="index.php?option=com_content&amp;task=sectio n&amp;id=1&amp;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;
}

Nov 23 '05 #1
0 1058

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by ProgrammierMan | last post: by
1 post views Thread by Michael Albanese | last post: by
5 posts views Thread by Stampede | last post: by
12 posts views Thread by Eric Lindsay | last post: by
6 posts views Thread by ste.paoletti | last post: by
reply views Thread by zhoujie | last post: by
reply views Thread by suresh191 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.