Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

CSS Question for Horizontal Menu

Options
  • 26-01-2006 11:11pm
    #1
    LivingDead
    Closed Accounts Posts: 48 ✭


    I want to use this menu in my website:
    http://www.w3schools.com/css/tryit.asp?filename=trycss_float5

    However if you restore the window and make the window narrower you will see that the menu gradually becomes a vertical menu.

    I don't want this to happen. I don't want the menu to adjust to the size of the browser window. How will I do this?

    I will have text under the menu and when the browser window is made narrower the menu just overlaps with the text below it.

    I'm sure it's not a difficult problem....any suggestions?


Comments

  • Options
    #2
    Seth Brundle
    Moderators, Politics Moderators Posts: 38,972 Mod ✭✭✭✭Seth Brundle


    These are inline elements and will therefore wrap when necessary.
    maybe put them all in a div that is at least the width of all menu items?


  • Options
    #3
    Serbian
    Registered Users Posts: 2,154 ✭✭✭Serbian


    kbannon wrote:
    maybe put them all in a div that is at least the width of all menu items?

    That's the solution there. I have put up a page to demonstrate:

    http://pmck.net/css/


  • Options
    #4
    jjmax
    Closed Accounts Posts: 240 ✭✭jjmax


    put them in a div, and set the width of the div with pixels.
    don't use relative units and it'll work


Advertisement