Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

CSS Question for Horizontal Menu

  • 26-01-2006 10: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

  • #2
    Seth Brundle
    Moderators, Politics Moderators, Paid Member Posts: 44,285 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?

    Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/ .



  • #3
    Serbian
    Registered Users, Registered Users 2 Posts: 2,206 ✭✭✭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/


  • #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