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

  • Author
    Posts
  • #7668

    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??…

    #7902

    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

    #7950

    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.

    #8089

    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

    #8090

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

    #8091

    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)

    #8092

    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.

    #8093

    drmike
    Member

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

    #8094

    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.

    #8095

    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" />

    #8096

    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.

    #8101

    oinky
    Member

    Help from anyone?

    #8103

    options
    Member

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

    #8105

    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.

    #8107

    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”.

    #8109

    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!

    #8110

    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.

    #8114

    oinky
    Member

    ah thanks alot options!
    got it solved! :D

    #8139

    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?

    #8140

    podz
    Member

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