wordpress image float problem...

Discussion in 'CSS' started by kevydesigns, Apr 30, 2012.

  1. #1
    Hi all,

    I have a wordpress blog and on the index page, it shows all my posts.

    Right now I have images that float left, so that my articles are wrapping next to it to the right.
    The problem now is, when the article is short and can't cover up the spaces next to the image, the image ends up wrapping around the next post, do I have to add a code that will clear float?

    I was also thinking if anyone know how to convert the images into thumbnails so that these will be only displayed in the index page only?

    Please help, thanks
     
    Solved! View solution.
    kevydesigns, Apr 30, 2012 IP
  2. sharksss

    sharksss Active Member

    Messages:
    97
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    63
    #2
    Could you please post/pm us the URL ? So that we can have a look at your CSS code, and try something out in Firebug..
     
    sharksss, May 1, 2012 IP
  3. #3
    In WordPress you can either include a <div class="clear"></div> right before your posts loop ends, or you add a "clearfix" class to the DIV that contains the post elements to take care of the floating issues.

    But as sharksss said, show ur some URL or some code to help you better.
     
    czent, May 1, 2012 IP
  4. kevydesigns

    kevydesigns Well-Known Member

    Messages:
    1,209
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    125
    #4
    Works like a charm!
    Thanks!!!


     
    kevydesigns, May 2, 2012 IP