From: "Ray Leventhal" <[EMAIL PROTECTED]>
To: "css-d" <[email protected]>
Sent: Thursday, May 01, 2008 5:00 PM
Subject: [css-d] new design, horizontal menu issues


> Hi folks,
>
> I'm using a nice drop-down menu from Project7 on a new project.
>
> When viewing at 1280x1024 or greater, all works as expected (for a very
> early markup draft).  However at resolutions like 1024x768, I'm getting
> menu wrapping which is definitely affecting the usability of the site,
> not to mention the aesthetics.
>
> Site: http://www.swhidevel.com/
>
> I'm feeding it a css reset (http://www.swhidevel.com/styles/reset.css)
> before handing off the site styles
> (http://www.swhidevel.com/styles/sunbuild.css).
>
> Any pointers would be greatly appreciated.

Hi Ray,

You need a min-width on the body element and/or to apply the menuwrapper 
background to the root menu items (<a>) so that when your menu does wrap, 
you will be able to read the text. The tutorial example for this particular 
menu uses em widths to prevent wrapping:
http://www.projectseven.com/tutorials/navigation/auto_hide/workpage.htm

You might want to consider that approach or perhaps pare down the number of 
root menu items you have. It's a lot for a horizontal menu.

-- 
Al Sparber - PVII
http://www.projectseven.com
Fully Automated Menu Systems | Galleries | Widgets
http://www.projectseven.com/go/Elevators


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to