Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- full justification in text navigation header
August 13, 2005, 1:21 pm
rate this thread
using absolute positioning with tables and fixed font sizes.
I'd like to have a row of navigation elements that are fully justified
with even spacing between the elements...
[text longtext longertext longesttext]
The site's audience will be visually inclined so I'm not so much worried
about text readers, rather I want the page to load quickly and I want it
to work with a variety of browsers and size settings (Firefox ignores
fixed font size and I prefer relative anyway).
I also tried a CSS / unordered list solution and it looks fantastic
except that the last link isn't necessarily up against the right side
like I was hoping to do. It looks okay but the customer (my wife)
doesn't like it and I personally find the fully justified menu more
Any suggestions on how to achieve this effect in Firefox/IE and
hopefully other browsers (Safari, Opera, Netscape) within 2 sizes of the
browser's "normal" text size?
Re: full justification in text navigation header
Just thought I'd share, played around some more with the horizontal
unordered list and got what I wanted...
Special thanks to this guy's site for the original idea...
I took that approach and then centered the entire list, makes the nav
elements perfectly spaced and centered such that the right element is
just as far from the right as the left is from the left side. Fantastic.
I can resize in IE and Firefox (only 1 size up from normal but that's
acceptable) and the page looks fine.
I'll check back in case anyone has anything extra to add... thanks in
advance for any ideas/tips/suggestions!