McCordRm Posted April 5, 2010 Share Posted April 5, 2010 Ok, I'm trying to create a DIV with 3 images for the border. I can't seem to make it work for the life of me. Check it out: http://www.richardmccord.com Images are top, bottom and middle with should repeat-y. Link to comment Share on other sites More sharing options...
0 jordan. Posted April 5, 2010 Share Posted April 5, 2010 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 More sharing options...
0 sweetsam Posted April 5, 2010 Share Posted April 5, 2010 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 More sharing options...
0 McCordRm Posted April 5, 2010 Author Share Posted April 5, 2010 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 More sharing options...
0 Paul Posted April 6, 2010 Share Posted April 6, 2010 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 More sharing options...
0 McCordRm Posted April 6, 2010 Author Share Posted April 6, 2010 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 More sharing options...
Question
McCordRm
Ok, I'm trying to create a DIV with 3 images for the border.
I can't seem to make it work for the life of me. Check it out:
http://www.richardmccord.com
Images are top, bottom and middle with should repeat-y.
Link to comment
Share on other sites
5 answers to this question
Recommended Posts