Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5

Thread: Padding issues

  1. #1
    New Coder
    Join Date
    Mar 2012
    Posts
    22
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Padding issues

    How do I eliminate the white space between my menu and slideshow? Thanks.

    http://www.jennamichelephotography.com/
    http://pastebin.com/x49pDPcn

  • #2
    New Coder
    Join Date
    Jan 2012
    Posts
    97
    Thanks
    1
    Thanked 13 Times in 13 Posts
    Try this in your css, you'll have to adjust the margin-top pixels as much as needed. I just guessed -300px as a rough estimate. You may also need to add a negative z-index to put it below the sub-menus.

    Code:
    /* ====================== START CONTENT ====================== */
    #content { width:558px; margin:0 0 15px 0; margin-top: -300px; z-index: ?; float:left }
    #content h2 { text-align:left }
    /* ====================== END CONTENT ====================== */

  • Users who have thanked sean3838 for this post:

    jshumate (03-07-2012)

  • #3
    New Coder
    Join Date
    Mar 2012
    Posts
    22
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Thanks so much! Works perfectly.

  • #4
    New Coder
    Join Date
    Mar 2012
    Posts
    22
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Another one. The text title is now overlapping the menu.

    site:
    http://jennamichelephotography.com/blog/?page_id=756

    style:
    http://pastebin.com/XiUJwdWq

  • #5
    New Coder
    Join Date
    Jan 2012
    Posts
    97
    Thanks
    1
    Thanked 13 Times in 13 Posts
    you need to delete margin-top it is bringing all of your content up. You can also delete your z-index that's doing nothing.

    Code:
    /* ====================== START CONTENT ====================== */
    #content { width:558px; margin:0 0 45px 0; margin-top: -75px; z-index: ?; float:left }
    #content h2 { text-align:left }
    /* ====================== END CONTENT ====================== */
    Also change whats in red below to this: border-top:1px solid grey; border-bottom:1px solid grey;

    You can search for css color codes and use whatever color you want instead of grey for the border lines.

    Code:
    /* ====================== START NAV ====================== */
    #nav { position:relative; z-index:1000; top:170px; height:25px; border-top:1px solid rgb (211, 211, 211); border-bottom:1px solid rgb (211, 211, 211); }
    #nav ul { margin:-170px 0pt 0pt; float:right; list-style:none; }
    #nav li { margin:0 0 0 5px; float:left; padding:185px 0; position:relative; }
    #nav a { display:block; line-height:11px; color:#4f4e4e; text-decoration:none; letter-spacing:1.5px; position:relative; }
    #nav a:hover, #nav .current_page_item a { color:#a10404 }
    Last edited by sean3838; 03-07-2012 at 05:42 AM.


  •  

    Posting Permissions

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