dynamically distributing spans — OZONE Asylum, home of the Mad Scientists

This page's ID: 30560

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	hello, i have a horizontal navigation bar like this: [code] <div class="blackbar"> <span class="blackbar-text"><a href="a.php">hello</a></span> <span class="blackbar-text"><a href="b.php">world</a></span> <span class="blackbar-text"><a href="v.php">how are</a></span> <span class="blackbar-text"><a href="a.php">you</a></span> </div> [/code] the style for it looks like this [code] .blackbar { text-align: center; vertical-align: middle; } .blackbar-text { padding: 0px 20px; } [/code] now this distributes the elements on the navigation bar nicely. but if the window is resized so that its width is smaller than the width of the bar, the elements start to wrap to the next line. is there a possibility to not have them wrap to the next line, but to have them get closer to each other? make the space between them narrower depending on the available width? thanks! [url=http://www.embege.com][img]http://www.embege.com/asylum/ozone-sig-toytrain.gif[/img][/url] Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post