Aligning images in post problem.

  • WonderJunky

    (@futureproof)


    19 years, 9 months ago

    Hi all

    I’ve got my text to the right of my image but whats happening is the previous post is ALSO to the right.

    Here’s my post:

    <a href="http://supertv.jp/?page_id=22"><img src="http://media1.break.com/dnet/media/content/bush_man_scare1.jpg" alt="" class="alignleft" /></a>

    http://supertv.jp/

    Thanks in advance for any help. K2 theme BTW.

Viewing 3 replies - 1 through 3 (of 3 total)
  • tsguitar

    (@tsguitar)

    19 years, 9 months ago

    Since you only have one post on your site, I can’t duplicate your error. Oh! I see the two entries! Got it.

    You’ve floated your images, but you haven’t cleared anything. So, if there’s room left to float more text next to the image, the browser will do so. If you want some text that follows the post to drop under the image, you need to use clear: both; on it. Try adding clear: both; to your hentry styling and see what happens.

    Thread Starter WonderJunky

    (@futureproof)

    19 years, 9 months ago

    Hi tsguitar

    Thanks! That did the trick. One small niggle though. There is now no space between the entries. Im assuming I have to adjust the padding but am not sure exactly what to do.

    Here’s the code:
    ‘#primary h3, #primary h4, .single #primary .k2-asides h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 1.5px;
    clear: both;
    }

    #primary .entry-content h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 25px;
    }
    ‘

    tsguitar

    (@tsguitar)

    19 years, 9 months ago

    After a quick scan, I’d guess to put something like margin-bottom: 10px; on .hentry. See what that does.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Aligning images in post problem.’ is closed to new replies.

Tags