472,125 Members | 1,518 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,125 software developers and data experts.

controll lengt of block element

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

<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
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>

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 1103

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 leo001 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.