WordPress.org

Ready to get started?Download WordPress

Forums

Text under a pic (9 posts)

  1. kesha1
    Member
    Posted 4 years ago #

    Hi,
    I just installed my 1st wp today, can't figure out how to make a layout of a post so that first will be a picture on top left side, and underneath on a distance of an extra empty line will be the text itself.
    When I try to place a pic on the left and write something underneath, the text appeares to the right of the pic, even the tags.
    When I try to create a new field, everything I write in it is somehow invisible.
    Please help.

  2. kesha1
    Member
    Posted 4 years ago #

    What should I do to get a picture on left and the text underneath it? When I try to do it the text appeares to the right of the pic.

  3. vtxyzzy
    Member
    Posted 4 years ago #

    I assume you are trying to edit the post to make the change, not edit the php template. If that is the case, switch to HTML mode while editing and enter <div class="clear"></div> just after the tag that closes the image.

    If this does not work, you may need to add this to the end of your style.css:

    .clear {clear: both;}

  4. ronchicago
    Member
    Posted 4 years ago #

    this will work inserting the following code below your image in the text admin menubox...

    <br clear="left" />

    any text following the above markup will appear under the photo with a one-line break.

  5. kesha1
    Member
    Posted 4 years ago #

    YES! Both methods worked! Thank you.
    But that's what is strange: I was sure that since I was a brand new user I don't see some obvious thing like an option of a different layouts given to the users while writing a post. Something like a 3 check boxes with 3 kinds of layouts. But, actually it takes almost a "hacking" in HTML mode to avoid that "text around picture" look.
    So, just to make it clear, there is no choice in Visual Mode of "text around a picture" and "text underneath a picture", right?
    And one more thing: when I switch back to the Visual Mode after inserting one of these "breakers" in HTML they (breakers) are gone, and the text jumps back to the right of the picture! So, switching between the modes take some of the code out?
    Thank you.

  6. vtxyzzy
    Member
    Posted 4 years ago #

    Yes, switching modes does change the post - one of the major gripes about the WP editor.

  7. kesha1
    Member
    Posted 4 years ago #

    Shouldn't they have fixed it? :)
    And the only way to avoid the "text around a picture" layout is to enter a breaker in HTML?

  8. vtxyzzy
    Member
    Posted 4 years ago #

    They don't think it is broken! I haven't tried this exact thing, but in general, I find Dean's FCKEditor to be much more user friendly.

  9. ronchicago
    Member
    Posted 4 years ago #

    after a bit you won't be using the visual editor. just like this reply message window, you notice the bold, ital, link, etc., same concept - you see the code. the <br clear="left" /> may be the only html you may need that is not on the menu bar.

    there is one more that's also useful: target="_blank"

    insert that in your link code and you open a new window when the link is clicked. and use the "preview" button to see the entire post in vitro.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.