Problems with text wrapping

  • Hi guys, hope you can help.

    Trying to get text to wrap around an image and having little luck. I’m merely a novice and someone else designed the theme for our blog. I added:

    img.alignright {float:right; margin:0 0 1em 1em}
    img.alignleft {float:left; margin:0 1em 1em 0}
    img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    a img.alignright {float:right; margin:0 0 1em 1em}
    a img.alignleft {float:left; margin:0 1em 1em 0}
    a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

    thinking maybe this would help, but no luck. I designate that the image will be aligned left but when I add text in the visual editor it looks fine, but when I preview it or post it it gets fouled up. I get the first line to wrap at the bottom of the image and that’s it. Previously I was able to get one complete sentence to wrap but then at the line break the rest of the copy popped below the image.

    See my example here:
    https://www.shoeboxblog.com/?p=25228&preview=true&preview_id=25228&preview_nonce=f173f594f4

    Thanks so much for any help you can offer.

Viewing 1 replies (of 1 total)

  • You forgot the closing } for the #footer a section

    #footer a {

	color: #FFF;

img.alignright {float:right; margin:0 0 1em 1em}

    should be

    #footer a {

	color: #FFF;
}

img.alignright {float:right; margin:0 0 1em 1em}
Viewing 1 replies (of 1 total)
  • The topic ‘Problems with text wrapping’ is closed to new replies.