SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Thread: menu size issue

  1. #1
    SitePoint Enthusiast
    Join Date
    Sep 2009
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    menu size issue

    Could someone take a look at my page at www.meadowlarkco.com/indexnewsite_test7.htm and tell me what I need to change to have my contactus appear back on the same line as the rest of my menu items....it looks fine on every other page but this one...thanks

  2. #2
    SitePoint Addict
    Join Date
    Jul 2011
    Posts
    365
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    On Chrome and Firefox for Mac it looks fine to me. I did notice you have a #pageWrapper with a width of 95% around your lists and within the .menu div. Is that necessary? Maybe that is your problem. You should be able to handle everything in your menus with just the UL and LIs.

  3. #3
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    5,316
    Mentioned
    213 Post(s)
    Tagged
    5 Thread(s)
    Also looks fine on Firefox and Chromium on Linux. Is it a browser cache problem?

  4. #4
    SitePoint Enthusiast
    Join Date
    Sep 2009
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well I ended up changing the font to Time New Roman, now what do I need to change so the menu lines up to the right and the dropdown under contact us is flush to the right

    Also when I rollover the menu sections either company, services, etc. the white appears a little too large what do I need to adjust here?


    thanks

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,784
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Just float the menu to the right to get it to the right.

    For the anchors give then the same height as the list and set the line-height to the same height and the text will be vertically centred without the need for top or bottom padding.

    e.g. Additional rules:
    Code:
    #mainMenu{float:right}
    
    #mainMenu li ul{
    left:auto;
    right:0;
    margin:0;
    }
    
    #mainMenu li a {
    padding:0 15px;
    height:60px;
    line-height:60px;
    }
    #mainMenu li li a{
    height:auto;
    line-height:normal;
    }


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •