problem w/ horizontal menu

  • Resolved jumalian

    (@jumalian)


    14 years, 11 months ago

    i’m having problems w/ the menu. i went ahead and changed it from a vertical to a horizontal menu. the menu is on the top right of the page, which is fine ’cause that’s where i want it. the problem is, the font size @0.7em is too small. if i make it any bigger (i.e., 0.8em), the menu gets moved to the left. how can i make the menu font bigger w/o it being moved to the left?

    please check out my site and you’ll see what i mean. https://test.joeumali.com.

    also, is there a way to set-up “sub-menus”? for example, in the “photos” section, i would like a “sub-menu” for “people”, “products”, and “sports”. is that possible? if so, please help!

    thanks,

    joe

Viewing 3 replies - 1 through 3 (of 3 total)

  • I can’t help too much as my menu is on the left right now (post the code and maybe I’ll be able to see your problem for sure)… But I’d bet there’s an alignment issue where it’s forcing the box for the menu to be a certain width and right on the right edge. When you make it bigger you go beyond that limit.

    Thread Starter jumalian

    (@jumalian)

    here you go.

    #access {display:table;height:80px;horizontal-align:right;width:200px;float:right;}
    #access #menu {horizontal-align:right;display:table-cell;font-size:0.7em;}
    #access #menu ul {horizontal-align:right;display:block}
    #access #menu ul li ul {margin-left:10px;}
    #access #menu a{font-weight:800;}
    #menu {float:right}
    #menu li {display:inline;margin:0 15px 0 0}

    thanks!

    what happens when you change the width:200px to 300 or 400?

    the last set of margins is putting 15px to the right, but I don’t think that’s doing it. I’d start with that width spec? I’ll admit though, I just hack at the code until it works, I don’t fully understand css yet…

    Good Luck!
    Ben

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘problem w/ horizontal menu’ is closed to new replies.

Tags