Trouble wrapping text around image

  • bovic21

    (@bovic21)


    15 years, 9 months ago

    I’m a newbie so please bear with me.
    I went to commission junction and grabbed a HTLM code for a product and can’t seem to get the text to display beside the image. It either lands on top or bottom.
    I’ve serached this forum and found similiar problems.
    I added this to my style sheet:
    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}
    But I still have no luck.
    Here is the site http://angelkidscostume.com
    Thanks, Bovic

Viewing 4 replies - 1 through 4 (of 4 total)
  • Michael

    (@alchymyth)

    15 years, 9 months ago

    grabbed a HTLM code for a product

    what is this code?

    i guess, from looking at your site, that it is a div with some content, including the image.

    unless you align this div to the left, you cannot expect the following code (text) to float around the image within this div.

    Thread Starter bovic21

    (@bovic21)

    15 years, 9 months ago

    Thanks alchymth for responding to my post.
    I’m not sure what a “div” is. The image comes with some text that show below it, and that is ok with me. I just want to add some text beside it. And I don’t know how to alaign the “div” or Image to the left.

    Michael

    (@alchymyth)

    15 years, 9 months ago

    you could start by posting the html code that you grabbed from whatever.

    or simply try to add this to the end of style.css of your theme:

    .home .imagecaptioneasy {float:left;margin-bottom:20px; }

    that will float the ‘image’ to the left and will allow text to flow to the right of it (on the home page).

    if this ‘image’ appears on other pages as well, and you want the same behaviour, then use:

    .imagecaptioneasy {float:left;margin-bottom:20px; }

    Thread Starter bovic21

    (@bovic21)

    15 years, 9 months ago

    Thanks so much again alchymth (what’s your name mean)
    I am all good now, and I certainly appreciate the support, Bovic

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Trouble wrapping text around image’ is closed to new replies.