www.webdeveloper.com
Results 1 to 5 of 5

Thread: [RESOLVED] Nav menu doesn't position correctly (padding?)

  1. #1
    Join Date
    Jan 2010
    Posts
    22

    resolved [RESOLVED] Nav menu doesn't position correctly (padding?)

    I found a wonderful horizontal CSS navigation menu from listomatic (http://css.maxdesign.com.au/listamatic/horizontal07.htm) and revised it to fit my site. HOWEVER, I cannot seem to get the menu buttons to position correctly.

    I want the top of the navigation menu items to touch the bottom of the picture container above them so there is no space inbetween.

    Here is the site as it is now:
    http://www.kitchenprose.com/gmtest/index.html

    And here is a picture I did in photoshop of how the site (and menu nav bar) SHOULD be:
    http://www.kitchenprose.com/gmtest/test8c.jpg


    As you can see, the menu is aligned left and top to the box above it in the picture, but in real life, there's a space.

    Thanks!

    PS Was going to post code but since I'm not sure WHERE the problem is, not sure a code snippet of menu will do the trick. Will post if needed. Thx.

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    The image link does not work, so we can't see how the menu should look.

  3. #3
    Join Date
    Jan 2010
    Posts
    22
    ::::thunk::::
    Sorry Fang, forgot I'd dumped everything in a folder to get it out of the way. Here's the correct url

    http://www.kitchenprose.com/gmtest/testpics/test8c.jpg

    Thx

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Code:
    #navlist {margin: 0; padding: 0;}

  5. #5
    Join Date
    Jan 2010
    Posts
    22
    Perfect. Just ... perfect (I should have thought of that). Thanks so much.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles