Viewing 2 replies - 1 through 2 (of 2 total)
  • TrishaM

    (@trisham)

    Your stylesheet has this style in it:

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

    So either you’re using the Visual editor to insert your photos (which will automatically wrap them in a p tag or your using a p tag.

    You can do either of two things
    1. Only use the Code editor to insert images, making sure to not use paragraphs (might work, might still occasionally give you trouble) OR
    2. (Better) Change your style sheet to remove the “float:left;” from that style – that would make all images clear on both side.
    3. (Best) Remove the float from that particular style and add a style for images that you can use either way such as:

    #content img.left {float:left; margin-right:5px;}
     #content img.right {float:right; margin-left:5px;}

    HTH

    Edited to add – if you choose option 3 then you’ll need to add the style to your image tags when you insert them, which you can do in the Code editor, like this:

    <img src="http://bostonredsoxchat.com/images/coolbaseballpic.jpg" class="left" />

    Thread Starter redsoxchat

    (@redsoxchat)

    Thanks Trisha That worked great. I appreciate your help. 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Text gets pushed to right’ is closed to new replies.