Viewing 3 replies - 1 through 3 (of 3 total)
  • DigitalSquid

    (@twelvefootsnowman)

    It’s this section of your CSS that’s causing it:

    /*	Begin Headers */
    h1 {
    	padding-top: 20px;
    	line-height: 60px;
    	padding-left:0;
    	margin: 0;
    	}

    Because your header image is wrapped in a h1 it’s getting the top-padding applied to it as well.

    Try adding something like this to your CSS to cancel out the top-padding on that specific h1 tag:

    #headerimg h1 {
         padding-top:0;
    }

    You have a div above the header image div – <div id="page"> – that mght be out of place and will be adding space above the header.

    And might check your code errors: [Invalid]Markup Validation of cottageology.com – W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.

    Thread Starter orlafitz

    (@orlafitz)

    Thank you both so much for the quick reply – that was the padding that was throwing it all off! Twas driving me crazy.

    Thanks again!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘remove space above header image’ is closed to new replies.