wrapping text, i’m sure this is simple and i’m being stupid…

  • culturalelite · Member ·

    I’m currently hacking the kubrick theme to pieces (hence all the coloured lines round everything, so I can see what i’m doing)
    here:

    http://216.70.103.109/wordpress/

    how do I get the text to wrap around the image? all I can get is one line sat at the bottom of the image, i’m using the image upload plugin, is that the problem? because i’m inserting the image when I’m writing the article. I read the codex help, but i still can’t see what i’m going wrong…

    anyone help me?

    please??…

  • cornell · Member ·

    Unfortunately this forum is only for support of wordpress.com blogs.

    As you are self hosted you’ll need to pose your question (and get a decent response) over at the wordpress.org site.

    wordpress.org Support forum

    EDIT: Having re-read the question, it’s easy. In the src tag where you call the image use align=”left” or “right” or whatever you need. You might also want to add “padding” tag too.

    Of course, you can do this for .img in the css too to apply for all images.

    Sorry!

    Collin

  • drmike · Member ·

    Some themes also have built in support with special <div> tags that wrap text. It would be mentioned in the readme file if it does.

  • brooklynmusic · Member ·

    DrMike will your 3-24-06 post (above) apply to Andreas-09? Can I view the readme file for Andreas-09? Is there a good clear post onthis in the forum, or in the codex? I thought I saw some text-wrapping (in Andreas) but can’t figure out how to do it!

    Thanks, in advance. Pablo

  • brooklynmusic · Member ·

    OK. Got it. It’s clear enough in Collin’s post above.
    Pablo

  • drmike · Member ·

    Anyone who reads this thread via the search, my suggestion is to follow the link to the theme designer’s website and actually download the theme and take a quick view of the readme file and any other docs within the zip file. You don’t need to do anything with what you download but you might find some features for your theme. (ie Andreas’ themes do do wraps)

  • tgjorgoski · Member ·

    How about wordpress.com hosted sites?
    I tried adding align=”left”, class=”left”, to have wrapping text but to no avail. (theme is Andreas09) The html editor (I don’t use wysiwyg one) removes those attributes from the img tag. I also tried “title” attribute, but it is removed also.

  • drmike · Member ·

    Brood, have you followed my suggestion in the post above yours?

  • tgjorgoski · Member ·

    drmike,
    I didn’t. I guess I will. I did visit the designer’s website, where it says that class=”left”, class=”right” etc.. attributes can be used for this.
    But the problem is that after I add them, and then “save and continue editing”, they disappear. I tried also by sending the post through Performancing for Firefox, but the attributes are stripped from the tags in this case also.

  • marc · Member ·

    You have to use the “align=”left” (or right) tag in you image src for it tto display correctly.

    As you can see in this post on my blog the text wraps the image.

    The src for it is like so…

    http://marc.wordpress.com/files/2006/04/fulford-porsche1.jpg" align="left" alt="Fulford Porsche" />

  • oinky · Member ·

    Thanks marc it really works great

    But there is just one problem.
    How do i get the text back below the image instead of appearing on the right side?

    I’ve tried using the < p > code but it doesn’t work.

  • oinky · Member ·

    Help from anyone?

  • options · Member ·

    do you mean how to place an image caption or something else?

  • oinky · Member ·

    Oh no.
    What i meant was i wanted the text to appear below the image like a new paragraph and not wrapping around the image because i use the “align” code.

  • options · Member ·

    either enclose IMG element into P[aragraph] and start text in another one:

    <p><img ... /></p><p> ... </p>

    or simply add a linebreak element after IMG if you want they belong to the same paragraph:

    <p><img ... /><br /> ... </p>

    btw: “we don’t want people to have to look at HTML and CSS code, which is antithetical to the purpose of WordPress.com”.

  • brooklynmusic · Member ·

    Wait a minute. I’m having what I consider modest success with wrapping. But I never went to download the theme from Andreas’s site. Just followed instructions above in Collins’ post:

    >>>In the src tag where you call the image use align=”left” or “right” or whatever you need. You might also want to add “padding” tag too.<<<

    But what about captions? Will Options post a caption solution?

    (So afraid it’s all spelled out in the documentation and I’m wasting time & space.)

    Thanks all!

  • options · Member ·

    ¡hola Pablo,

    I’m afraid there’s no docs on this subject, at least I’ve never seen such.

    meantime, the quotation in my post above remains a wishful thinking, sometimes I use a cheap trick to make a caption using a 1×1 cell TABLE element.

    while it may work for now (and it does), nevertheless it’s an outdated and deprecated technic which returns us back into 1996.

    basically it looks like the following snippet:

    <table>
    <caption align=”bottom”>
    Caption text goes here
    </caption>
    <tbody>
    <tr>
    <td>
    <img … />
    </td>
    </tr>
    </tbody>
    </table>

    honestly, it doesn’t worth it to bother with caption here (and now) cause it really ‘would be nice to have’ for WP users a control ‘Use description as a caption’ in the image upload section so that caption style, image border and so on all would be consistent with the theme is being used.

    otherwise it may look rather randomly and distracting. the only point of captions in some of my posts is to inform a visitor they are going to open a new browser window.

    PS darn, looks like they really don’t want user to see the code: forum choked it down but ate all indendts I put in it to ease its readabilty.

    so, once again it just proves that it doesn’t worth to fiddle with any code on WP. ever.

  • oinky · Member ·

    ah thanks alot options!
    got it solved! :D

  • nosysnoop · Member ·

    What Marc wrote, so all we have to do is take the url link of the image, not the html, and then place align=”left” alt=”Fulford Porsche” /> after it?

  • podz · Member ·

    Yep, that’s it.

    How do I get text to go around a picture?

1 2
  • The topic ‘wrapping text, i’m sure this is simple and i’m being stupid…’ is closed to new replies.