WordPress.org

Support

Support » Themes and Templates » How to stop pics and text from overlapping?

How to stop pics and text from overlapping?

  • 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?

    THX!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Eric Amundson

    @sewmyheadon

    Volunteer Moderator

    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.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to stop pics and text from overlapping?’ is closed to new replies.
Skip to toolbar