Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website Adding Pages to a Website Add Iconography

Rubens Neto
Rubens Neto
13,422 Points

A white margin appeared above my header only in the contact page.

I just followed the instructions of "Add Iconography" lesson and when I finished it up, a white margin appeared above contact's page header. It does not happens in other pages, just contact. I really tried but couldn't find a solution.

Hey Rubens, if you post a workplace snapshot I'd be happy to take a look for you. Otherwise no one here on the forum can see what's wrong. Post the snapshot link here and I'll check it out.

Rubens Neto
Rubens Neto
13,422 Points

Thank you very much guys!

Cristo, your code solved the problem! Thank you.

But the button "best answer" isn't appearing to classify your answer.

rydavim
rydavim
18,814 Points

I went ahead and changed Cristo Murray's comment to an answer and marked it as best. Thank you for trying to do so yourself! :)

1 Answer

Diego Murray
Diego Murray
2,515 Points

I had the same problem. Try copy and pasting this at the beginning of your main.css. It gets rid of a lot of the browsers default setting and sets them to zero. Hope this helps.

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

Mod Edit - Changed from comment to answer so it may be voted on or marked as best answer.