WordPress.org

Ready to get started?Download WordPress

Forums

Wrapping text adjecent to image? (tried codex) (10 posts)

  1. whask
    Member
    Posted 8 years ago #

    Appreciate any help you can offer a newbie. I tried consulting the codex before posting here, I tried most everything listed here:
    http://codex.wordpress.org/Wrapping_Text_Around_Images

    and had no luck. At my blog ( http://www.skjfamily.com) in the most recent post, I want the text to appear directly to the right of the small pictures, but it is currently appearing below them.

    I don't want to change how my default images are treated, was hoping to find something I can include for this particular post.

    Appreciate any help you can offer!

  2. moshu
    Member
    Posted 8 years ago #

    I am afraid you didn't try it the right way if nothing described in that article works for you. If you don't add any class to your image code - it doesn't work, of course.
    Everything described there assumes you do 2 steps:
    1. define in the stylesheet a class
    2. apply that class to the img src code

  3. whask
    Member
    Posted 8 years ago #

    I'm afraid it also assumes I have and idea of what I'm trying to do, which I don't. :)

    I just know that I am happy with all my previous posts to my blog.

    This particular one I am not. I was hoping there was someway to include that code in my actual post instead of changing it globally in the css which what I think you are trying to tell me. I'll look a little closer at that codex I posted, I must be missing something. Thanks.

  4. vkaryl
    Member
    Posted 8 years ago #

    Well.... I don't post graphics to blogs. But I do know that you don't HAVE to do this sort of thing "globally". You need to have the css set up "globally" - in other words, it needs to live permanently in the stylesheet (dormant until called for, as it were) - then when you have a situation in which it is necessary to wrap text, you simply use the included but previously dormant style declarations to do what needs doing.

    I think there's some stuff about this in codex, but since I don't use it, I can't provide a reference.

  5. moshu
    Member
    Posted 8 years ago #

    The method I suggested will affect only images that have the defined class in their code - so it's not "global" in the sense that would change the display of all images in your blog.
    E.g. I assume you use a code to display images like:
    <src img="/wp-content/uploads/mypic.jpg" alt="" />

    Now, if you define in the stylesheet a .left class as it is suggested in the Codex article... you will have to modify next time your code like this:
    <src img="/wp-content/uploads/mypic.jpg" class="left" alt="" />
    and you are done. Same for .right.

  6. whask
    Member
    Posted 8 years ago #

    ahhh, I see. Thanks for your patience. I was having a hard time understanding the defining a class portion of it.

    I'll give it a try, thanks!

  7. whask
    Member
    Posted 8 years ago #

    thanks for your help everyone, been working at it for a couple hours and no luck still. Just don't seem to be getting it. I've read and reread the codex, and tried multiple things. I think learning to speak french or german might be easier than this! :)

  8. moshu
    Member
    Posted 8 years ago #

    As a polyglot (and a linguist) I am telling you: CSS is far the easiest language I've ever met :)

  9. jeremycherfas
    Member
    Posted 8 years ago #

    Actually, you don't even have to define the CSS globally, though that is far the easiest way. You can also put everything you need inside the img tag. Like this:

    <img src="the/image.jpg" style="float: left; border: 10px solid red" alt="alt">

    That way you can play with things in a single entry and maybe when you have them how you want create a new style for future.

    One problem may also be that if you have been working on the CSS sheet, you may need to clear the cache of your browser to see the effect of the changes.

  10. whask
    Member
    Posted 8 years ago #

    Thanks moshu and jeremy both have been helpful. I'm still mid-process trying to figure it out but it looks like I'm onthe right track (if you view my page now).

    Just having problems creating spaces (carriage returns?) between images.

    My problem was that the image class was already defined in my css as alignright and in my posts I was tryinf to use the one advised on the codex (simply "right" or left")

    Thanks again for everyones patience with me!

Topic Closed

This topic has been closed to new replies.

About this Topic