• 0

Border images. ARG!


Question

5 answers to this question

Recommended Posts

  • 0

I am guessing the problem is with the gap between the middle and bottom image? It's caused by your <p> tag's bottom margin. Remove that bottom margin and it will close the gap.

Or if you need to keep that margin, you can apply overflow:hidden; to .entry.

Link to comment
Share on other sites

  • 0

Its probably because of residual margin or padding. I don't see a reset in your stylesheet. Try adding this to the top of your stylesheet.

* {
margin: 0;
padding: 0;
}

Link to comment
Share on other sites

  • 0

That solved it, thanks guys! It was driving me nuts.

Not that the code is fully functional, I just need to come up with a better look. :)

Link to comment
Share on other sites

  • 0

Its probably because of residual margin or padding. I don't see a reset in your stylesheet. Try adding this to the top of your stylesheet.

* {
margin: 0;
padding: 0;
}

A better solution overall when starting coding a website would be a full reset style sheet. Such as YUI 3 Reset

Link to comment
Share on other sites

  • 0

I followed Jordan's advice and it solved it.

I think I've finally found a look that I like for my site and I'll be sticking with it.

Since it's my personal site, anyhow... it's perfect. :)

Thanks again for the help guys.

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.