CSS: H2 Vertical Spacing, messing with layout

Discussion in 'CSS' started by pyles, Mar 3, 2008.

  1. #1
    Hey guys,

    I am working on my site design for my personal training business and I am having problems with the spacing that H2 fonts normally have. It is pushing the layout down and causing a problem.

    Example is here:

    http://www.goallinefitness.com/layout/

    as you can see on the right side, the H2 tag (Web specials) is creating a gap between the top (and you can see the grey). I want the red background of the h2 tag to be the on the top with no grey showing above it.

    Help please. Thank you!
     
    pyles, Mar 3, 2008 IP
  2. shallowink

    shallowink Well-Known Member

    Messages:
    1,218
    Likes Received:
    64
    Best Answers:
    2
    Trophy Points:
    150
    #2
    Reset the margin or margin-top to 0 in :

    div#navigation h2 {
    background-image: url('nav-h2.png');
    color: #fff;
    width: 220px;
    padding: 5px;

    margin: 0;
    }
     
    shallowink, Mar 3, 2008 IP
  3. pyles

    pyles Peon

    Messages:
    284
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Haha, DUH. well that was easy. Thank you so much!
     
    pyles, Mar 3, 2008 IP