Hi! Why is there always so much space after photos?

  • Author
    Posts
  • #1093088

    Half the time, if I “save draft” it will tighten up the space between text and photos. The other half, it wraps the text up the right-hand side of my photo. I prefer my photos on the left (not in the centre), but still want my text to follow immediately after the photo, not several lines down. Any advice would be most appreciated. Thank you!!

    The blog I need help with is diaryofahouseelf.wordpress.com.

    #1093191

    timethief
    Member

    Edit a post with the space issue in it. Switch to the Text (HTML) editor and remove the code that’s creating the space then switch back to the Visual editor. Please post an active link to an example of a post or page with this issue in it if you need more help.

    #1093193

    Thanks for the quick response! I’ve looked at it in HTML, but can’t tell what code is causing the space. The post is http://diaryofahouseelf.wordpress.com/2012/12/09/i-think-im-right-all-the-time-sarah-now-could-someone-please-make-this-all-pretty-so-i-can-pin-it/ . In the mean time, I’ll keep trying.

    #1093196

    timethief
    Member

    I believe you clicked the return key three times and that created the space. However, I have eyesight issues so I’m not going to read your source code for you. Another Volunteer will probably do that.

    The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. http://en.support.wordpress.com/visual-editor/#alignment They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that’s centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.

    Align-left means position left, with the rest of the content wrapping around the right side of the image.
    Align-right means position right, with the rest of the content wrapping around the left side of the image.
    Align-center means position center, with no wrap-around (= the rest of the content below the image).

    Every theme has a maximum displayed image width http://wpbtips.wordpress.com/2009/07/23/maximum-image-width/ so it’s important to keep that in mind when posting multiple images side-by-side. If you want two images to be side by side on the same line start by setting the alignment of both images to left. To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
    <p style="clear:both;">TEXT HERE</p>

    #1093199

    1tess
    Moderator Emeritus

    Here is your source code:

    <p><a href="http://diaryofahouseelf.wordpress.com/2012/12/09/i-think-im-right-all-the-time-sarah-now-could-someone-please-make-this-all-pretty-so-i-can-pin-it/29273466299242968_eqpnghkp_c/#main" rel="attachment wp-att-719"><img class="alignleft size-full wp-image-719" alt="29273466299242968_EQpnghkP_c" src="http://diaryofahouseelf.files.wordpress.com/2012/12/29273466299242968_eqpnghkp_c.jpg?w=610"   /></a></p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>

    Go to the text editor, and use your browser’s “find” function (command-f on a mac, probably something similar on other operating systems) to search for 719 or search for attachment wp-att-719 so you can find the code.

    Get rid of, delete, all of the code like this:
    <p> </p>

    #1093200

    1tess
    Moderator Emeritus

    Rats, I forgot that these forums render no break space code as empty.
    Between the p tags your source code shows & nbsp ; without the spaces.

    You want to delete all of that to get rid of the extra line breaks.

    Are you copying and pasting from somewhere outside of the wordpress.com platform?

    #1093203

    1tess
    Moderator Emeritus

    I prefer my photos on the left (not in the centre), but still want my text to follow immediately after the photo, not several lines down.

    If you don’t want text next to a left aligned image, then you must choose the option “alignnone.”

    #1093204

    timethief
    Member

    @tess
    Thanks for the catch.

    #1093206

    1tess
    Moderator Emeritus

    @timethief,

    Using that good old “find” function that comes with browsers saves tons of eye squinting. It took me a while to realize that it works so well!

    Happy Chanukah!

    #1093207

    timethief
    Member

    Find function? What’s that? Where’s it found on Firefox?

    #1093209

    1tess
    Moderator Emeritus

    It’s under the “Edit” tab.

    for macs the key shortcut is “command F” so maybe you’d use “right-click F” or “control F?” I have only ever used macs.

    #1093210

    Thank you both for the guidance! I’ll try to fix it when I get home! :)

    #1093211

    1tess
    Moderator Emeritus

    You are welcome and if this all doesn’t help, ask more questions here.

    #1093212

    timethief
    Member

    @tess
    I’m sorry I left the ;) off my silly comment.

    #1093220

    1tess
    Moderator Emeritus

    ? I guess I’m missing something. Is this a roof: something over my head?

    #1093222

    timethief
    Member

    I worked most of the night so my head is in those clouds somewhere … I think … what’s a roof ? lol :D

    #1093225

    1tess
    Moderator Emeritus

    A roof? sorrry, old joke/pun. a roof is something “over my head.”

    I need to take a nap: I don’t think we are communicating.
    :-(
    Scarlett O’Hara (Vivien Leigh):

    After all… tomorrow is another day.

    my apologies.

The topic ‘Hi! Why is there always so much space after photos?’ is closed to new replies.