SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    May 2012
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Space between DIV tags

    I've search a lot, and know there are articles out there to fix this issue, but I can't find a fix.

    http://tinyurl.com/ayfajzu

    Scroll down to the menu. There are gaps between the top and middle div, and middle and bottom divs. I've tried margins, padding, borders, spacer divs...nothing seems to be working

    Here is my CSS:

    Code:
    #menuborder {
    position: relative; 
    width: 100%; /* for IE 6 */
    margin-left: auto;
    margin-right: auto;
    }
    
    .menutop { 
    position: relative;
    height: 40px;
    width: 690px;
    background-image: url(http://216.172.172.109/~ctoddm/wp-content/themes/striking/images/bg-content-top.png);
    }
    
    .menumiddle {
    position: relative;
    background-image: url(http://216.172.172.109/~ctoddm/wp-content/themes/striking/images/bg-content-middle.png);
    width:690px;
    background-repeat:repeat-y;
    }
    
    .menubottom {
    position: relative;
    height: 40px;
    width: 690px;
    background-image: url(http://216.172.172.109/~ctoddm/wp-content/themes/striking/images/bg-content-btm.png);
    padding: 0 1px 0 1px;
    }

  2. #2
    SitePoint Mentor bronze trophy
    John_Betong's Avatar
    Join Date
    Aug 2005
    Location
    City of Angels
    Posts
    1,840
    Mentioned
    73 Post(s)
    Tagged
    6 Thread(s)
    Try this:

    HTML Code:
    <div class="menu_manager" style='background-color:#f00; margin-top: -25px'>
    Learn how to be ready for The New Move to Discourse

    How to make Make Money Now with a *NEW* look

    Be sure to congratulate Patche on earning Member of the Month for July 2014

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2011
    Posts
    85
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    There are empty paragraph tags between the menutop and menumiddle that are creating the space. Deleting the <p></p> should fix it.

  4. #4
    SitePoint Member
    Join Date
    May 2012
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by zot View Post
    There are empty paragraph tags between the menutop and menumiddle that are creating the space. Deleting the <p></p> should fix it.
    I didn't add these. WordPress or TinyMCE must have? I don't even see them when editing the page.

  5. #5
    SitePoint Member
    Join Date
    May 2012
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by John_Betong View Post
    Try this:

    HTML Code:
    <div class="menu_manager" style='background-color:#f00; margin-top: -25px'>
    This worked great! Minus the color, and the bottom needed to adjust the # of pixels. Beautiful Thank you so much

  6. #6
    SitePoint Mentor bronze trophy
    John_Betong's Avatar
    Join Date
    Aug 2005
    Location
    City of Angels
    Posts
    1,840
    Mentioned
    73 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by mrt1008 View Post
    This worked great! Minus the color, and the bottom needed to adjust the # of pixels. Beautiful Thank you so much
    I am pleased it worked, the colour was just to visually make the alignment easier
    Learn how to be ready for The New Move to Discourse

    How to make Make Money Now with a *NEW* look

    Be sure to congratulate Patche on earning Member of the Month for July 2014

  7. #7
    SitePoint Member
    Join Date
    May 2012
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by John_Betong View Post
    I am pleased it worked, the colour was just to visually make the alignment easier
    And that it did


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
  •