How to stop pics and text from overlapping? (3 posts)

  1. RRTeam
    Posted 8 years ago #

    If you see on my site: http://www.bedford-ny-real-estate.com/history/ (scroll down to horse and lower pics) the text over laps. I inserted those pics and text in html mode, since i had to switch out of visual editor due to embedding the video.

    Can anyone tell me how to separate them? And, is there a way to embed the video using visual editor mode?


  2. Eric Amundson
    Volunteer Moderator
    Posted 8 years ago #

    Hey RRTeam,

    You've got a bunch of validation errors on the page and I'd encourage you to try to fix as many as possible.

    This can definitely make a difference in cross-browser consistency and rendering.

    In the meantime, try adding a little padding to your images like I've done in the last line here:

    #content p img {
    	border: none;
    	float: left;
    	margin-right: 15px;
    	margin-bottom: 10px;
    	padding: 5px 0;

    Works for me in Firefox 3, but you'll want to check on other browsers too.

  3. Konzine
    Posted 8 years ago #

    I also must recommend some padding, and adding line-height to your text areas.

Topic Closed

This topic has been closed to new replies.

About this Topic