• Hi, wonder if you could help me?

    For some reason when I left align images in a post the text doesn’t wrap around it correctly (it doesn’t leave a gap/padding between the image and the text. However I did get this to work for one, looking at the html in the post window it is exactly the same but is not wrapping correctly, if you see what I mean?

    https://bluntedpresents.co.uk/blog/?cat=7

    That link will explain better, many thanks in advance, without these support forums, I dunno what I’d do!

    Cheers

Viewing 9 replies - 1 through 9 (of 9 total)
  • post your css so we can look at it

    Thread Starter ssor

    (@ssor)

    [moderated – long code should be posted/pasted to a pastebin service]

    check out your html, it says align=left only. you should try class in stead. in your css, you have :
    ————-
    .image-align-left {

    float: left;

    padding: 4px;

    }

    in your html, look at the <img tag: , it should be like this:
    ———————————-
    <img title=”Supastition” alt=”Supastition” src=”https://bluntedpresents.co.uk/SiteImages/Supastition.jpg&#8221; class=”image-align-left”>

    Your original html <img tag>:
    ———————————
    <div class=”storycontent”>
    <img title=”Supastition” alt=”Supastition” src=”https://bluntedpresents.co.uk/SiteImages/Supastition.jpg&#8221; align=”left”>After label problems regarding his debut “Seven Years Of Bad Luck??, despite critical acclaim from the few who heard it, Supastition disappeared from hip hop’s radar. With the recently released EP “The Deadline?? and his new album “Chain Letters?? he is back in the spotlight accompanied by a collection of talented beatmakers and emcees such as Little Brother, Jake One, Illmind, Nicolay and M-Phazes. (more…)

    </div>

    Hi all,
    I tried to wrap text around image as above. I put the css code:
    image-align-left {

    float: left;

    padding: 4px;

    }

    .image-align-right {

    float: right;

    padding: 4px;

    }

    in my styles.css and in post used like this:
    <img title=”Supastition” alt=”Supastition” src=”https://bluntedpresents.co.uk/SiteImages/Supastition.jpg&#8221; class=”image-align-left”>

    But my padding around image is not sufficient enough. Text is very close. I tried increasing padding to 100px in image. still the same.

    Can somebody please help me out?

    thanks,

    drb

    Thread Starter ssor

    (@ssor)

    Working great now.

    Cheers cam_oai

    Thread Starter ssor

    (@ssor)

    Hello again,

    Is there anyway to change the css so I don’t have to go into the HTML each time and write the class statement? Also the padding at the bottom of the image doesn’t seem to be write with the class command…

    Thanks!

    Is there anyway to change the css so I don’t have to go into the HTML each time and write the class statement? Also the padding at the bottom of the image doesn’t seem to be write with the class command…

    Yeh the HTML in during the post adds: align=”right” and I always have to end up changing it to class=”right” for my css to kick in.

    I figured my problem’s solution. I used margin commands in css to do the trick.

    glad that it worked for you, Ssor. yeah i have some prob with class and also the border=”0″. i have to add it manually, otherwise i get the ugly link-color in border ??

    cheers

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Image text wrapping’ is closed to new replies.