Remove Space After Div

[dmwhipp]

For the life of me, I cannot figure out what is causing the 3 pixel high gray space to appear after the section that contains the Education heading and the photo: http://www.flimpact.org/html5.html

It's supposed to look like this without any spacing between the Heading/Photo section and what will be the anchor link section: http://www.flimpact.org/sample3.html

Any assistance in solving this would be greatly appreciated.
Deborah

[coothead]

Hi there dmwhipp,

Try adding this...


img {
display:block;
}
...to your style sheet. ;)

Further reading:-


Images, Tables, and Mysterious Gaps (https://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps)

coothead

[dmwhipp]

Thank you so much! It took me a while to recode this site from HTML4 to HTML5, then I searched the Internet on and off for a few days trying to figure out why that extra space was there - just when I thought I was starting to grasp HTML5. I don't know why I didn't think to treat the image as I would a section of text. I've bookmarked the link you provided and sincerely appreciate your assistance!
Regards,
Deborah

[coothead]

No problem, you're very welcome. ;)


coothead

[keyboard]

I'm closing this because of the spam its attracting. If you need it reopened feel free to message me or another moderator.