Sent by Jeroen Visser [ vizi ] on 9 August 2004 13:01
Erwin Heiser wrote:
> Hello all,
>
> I have a first version of my navbar (none of it is definitive).
>
> HTML is at:
> http://www.pilatesworks.be/navbar.html
>
> CSS is at:
> http://www.pilatesworks.be/navalt.css
Looking good, Erwin!
> The horizontal list of links breaks up when you set the text-size larger.
> My questions are these:
> * Is this something you have to live with?
No, there's a way in CSS to let the text sizing be 'natural'. An example
is the upper navbar at <http://www.adaptivepath.com/>. The explanation
of the how is located at Doug's Stopdesign:
<http://www.stopdesign.com/log/2003/09/03/absolute.html>
For your situation, I'd use a background for the masthead (aligned
bottom right), and doing the same with a menu u-list (the darker nav
bar, also aligned bottom-right). As the user increases font size, the
background of the u-list would grow upwards, while still maintaining the
seamless integration with the illustration in the masthead.
> * Can you set a maximum text size for the links? (and how does this
> interfere with usability?)
I wouldn't set a maximum size (if that's at all possible in CSS anyway).
The best way to go about this is to decide on your limits: you could for
instance design a layout to work with scaling from 75% - 150%, but
breaks if the user scales even more.
> * If it does break up, are there any ways of making them break up a little
> better than they do now? (i.o.w. separate them a bit more when they break
> up)
I think you better drop one or two menu-items, to get some space in your
fixed width masthead. Or you could make the width flexible, with the
lady aligning bottom-right (as I assumed in my explanation above).
Success,
Jeroen
--
vizi fotografie & grafisch ontwerp
Juniusstraat 157
2625 WZ Delft
T 015 256 0888
M 0650 230 928
I http://www.vizi.nl/
E [EMAIL-REMOVED]
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
