Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Fixing a horizontal menu

Discussion in 'Website Design Forum:' started by chrismitchell, Jan 22, 2010.

  1. i'm getting an odd result when trying to make the menu in this site inline ... any ideas as to why?

    ISBI2012 | Edinburgh | September 9 – 13 2012

    Cheers everyone :D

    Also does anyone else know how to remove the 10px at the bottom of the page.. I would prefer to have my booking button flush against the bottom of the page.
  2. Harry

    Harry Senior Member

    Set #bottombg to height:123px; #submenu ul needs the width removing and #submenu ul li needs float:left applying.
  3. Thanks for your help Harry :) we're halfway there.. I want the dropdowns to be horizontal but the main list to stay vertical :) but the bottom is now all fixed which is great :D
  4. Harry

    Harry Senior Member

    Well do exactly what I said to the main nav as that'll fix your main problem, then rework the dropdowns from there. You can't do it any other way.
  5. ahhh ok :) i'll have another looksee :)

    ta muchly Harry :)
  6. Harry

    Harry Senior Member

    No worries squire. I imagine your best bet would be to add a class of .dropdown to the relevant <ul>s.
  7. thats what I was just thinking to do :) proves i'm learning ;) :lol:
  8. part fixed.. now just having trouble making the submenu smaller :( LOL :)
  9. Harry

    Harry Senior Member

    Smaller in terms of...?
  10. Jazajay

    Jazajay Active Member

    Wouldn't something like
    #submenu ul li li{width:70px}

    As you have
    #submenu ul li {

    Which would be setting the nested li's as well.

    Sort it? :)

    I take it you mean width?
  11. Jaz was along the right lines, the main nav (the one with General Info etc going horizontally) needs to be a static width of 140px while the submenu that comes off it needs to fit in one line, but i can't change the width for just the submenu parts for some reason, they are all considered to be the same size (of 140px) I tried adding the

    #submenu ul li li{width:70px;}

    and it didn't do anything unfortunately :(
  12. Jazajay

    Jazajay Active Member

    O sorry fella thought that would have worked.
    Where did you put it?
    As a couple of lines down you do have
    #submenu li {

    As well. Did you put it below that one?
    You could always try a more specialized rule for example ~
    #submenu ul li ul li{width:70px}
  13. Harry

    Harry Senior Member

  14. all done :D in a bit of a nasty way though :lol:

    don't hate me Harry :p :lol:
  15. Jazajay

    Jazajay Active Member

    Well theres surgeons and then there is Chris. :lol:
  16. Jazajay

    Jazajay Active Member

    O not sure you know this fella, but the contact us link at the bottom the us drops to a new line in Opera. :)
  17. Didn't know that.. fortunately I know our target audience and Opera isn't it.. It will be either IE or Firefox (we know what machines people are using for the most part). But IE is still a problem with my floats etc :(
  18. Jazajay

    Jazajay Active Member

    Aww the joys or a targeted audience. I wish all projects where like that, or all browsers displayed the code exactly the same and the only difference was the speed, add-ons and themes. Aww your bubbles a really nice place Chris it really it is I've been looking around those service stations honestly, just can't find it for £9.99. :cry:
  19. my bubbles?
  20. Jazajay

    Jazajay Active Member

Share This Page