Photos Don’t Stay Left Aligned

  • sporto

    (@sporto)


    15 years ago

    Hi,

    When I place a photo in a page and left align, the photo doesn’t stay in place. It shifts to the right but only slightly. It may be because I don’t have enough text so when I add the next photo, that photo shifts slightly to the right. It’s very frustrating to work this way because it goes so slow to try and put spacing etc. Is there a way to anchor the photo so it stays put? I am looking at the photo in Visual Editor. Can’t see anything wrong in HTML editor. I am adding this below to try and put spacing but it’s very cumbersome and doesn’t always work:

    <p><br class=”spacer_” /></p>

    Any help would be greatly appreciated.

    Thanks,
    Sportoct

Viewing 5 replies - 1 through 5 (of 5 total)
  • esmi

    (@esmi)

    You could start by posting a link to your site.

    Thread Starter sporto

    (@sporto)

    Hi,

    Sorry about that. Here is a link to show what’s happening. If you go towards the middle of the page, The Power of Now is shifted slightly to the right, although, for sure, it’s aligned left.

    https://www.virtuesforlife.com/inspirational-books/

    Thanks!
    Sportoct

    esmi

    (@esmi)

    You have one book cover (“Five Wishes”) that has 2 of these empty “spacer paragraphs” after the image – forcing the text down in Firefox and the image over to the right in IE8.

    Ideally, you need to sort out proper classes and markup for these book covers and blurbs.

    <div class ="book-cover">
[ img aligned left ]
[1 paragraph of text]
</div>

    The you could use some CSS along the lines of:

    .book-cover {
height:200px;
margin:0 0 30px;
padding:0;
}
    Thread Starter sporto

    (@sporto)

    Hi esmi,

    Thank you for the code but where do I place this? Does this go into the HTML editor or in style.css. Plus this wouldn’t be unique to the books. This happens with all images when I place them under one another. It’s too bad the photo just doesn’t stay anchored when you tell it to align left. I am curious as to why that just doesn’t work.

    Thanks in advance,
    Sportoct

    esmi

    (@esmi)

    The markup would be need to be added when you add this kind of content to your pages. So <div class ="book-cover"> would go before each book blurb & image. `</div> would go after it. Bear in mind that you’d need to stick to the HTML tab for all of these pages.

    The CSS would go into your theme’s stylesheet.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Photos Don’t Stay Left Aligned’ is closed to new replies.