Sent by Brian Fidler on 30 December 2004 16:04
Hi, thanks for the responses,
I tried the list approach first however it displayed the subnav
awkwardly prior to the stylesheets loading. Is it a more tried and true
approach for what I'm trying to do and if so how can I keep the subnav
elements from displaying prior to positioning them?
thanks,
brian
On Dec 30, 2004, at 7:57 AM, Zoe M. Gillenwater wrote:
> [EMAIL-REMOVED] wrote:
>
>> I have a nav menu on this site http://www.echs.dpsnc.net that looks
>> fine when text is set to medium in IE or default in the other
>> browsers, but when you enlarge the text, all heck breaks loose. I was
>> wondering if someone had any ideas of what I could do to prevent the
>> wrapping problem (if anything). I would like to keep the menu
>> horizontal and not do a dropdown menu if at all possible.
>>
>> URL: http://www.echs.dpsnc.net
>> CSS: http://www.echs.dpsnc.net/ECHS.css
>>
>
> Hi Bruce,
>
> Instead of setting a fixed height for the nav bar, set its height
> using padding, so that as it wraps the bar grows and the content below
> moves down to accommodate it. Right now when it wraps the second line
> of buttons get cut off by the content below and are inaccessible.
>
> I know what you are going to say: "But I don't want it to wrap at
> all!" However, that's the nature of text on the web -- it fits in the
> space it has, and when there is too much to fit, it wraps down to
> another line. I would suggest you embrace this flexibility rather
> than try to fight it. It really is far more accessible than resorting
> to image buttons or (please no) a drop down menu.
>
> Zoe
>
> --
> Zoe M. Gillenwater
> Design Specialist
> Highway Safety Research Center
> http://www.hsrc.unc.edu
>
> ______________________________________________________________________
> 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/
>
______________________________________________________________________
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/
