WordPress.org

Ready to get started?Download WordPress

Forums

Urgent help!! styling posts (4 posts)

  1. llanquin
    Member
    Posted 2 years ago #

    i have a problem with the style of a post
    i want to make the thumbnails to the left and the content to the right withouth having the text going under the image, but cant manage to put the divs in a right manner to do that. I am using this code to call the post from a certain category:

    <?php the_ttftext("Calendario"); ?>
    <h2>Entorno Cafetto</h2>
    <?php $recent = new WP_Query(); ?>
    <?php $recent->query('cat=6&showposts=50'); ?>
    <?php while($recent->have_posts()) : $recent->the_post(); ?>
    
    <?php the_post_thumbnail(array( 120,120 )); ?>
    <div class="calendario">
    
             <h4> <?php the_title(); ?></h4>
    
    <?php the_content('more_link_text', strip_teaser, 'more_file'); ?><?php endwhile; ?>
    
    </div>

    and the css related to it:

    .wp-post-image  {
    float: left;
    border: 5px solid white;
    display:block;
    clear:left;
    }
    
    .calendario {
    display:block;
    clear:left;
    float:left;
    }

    i knnow i am probably doing it all bad, but dont know how to do it! I am new to coding wordpress, please help!!

    The page in question is this: http://hectorllanquin.com/cafetto/?page_id=174

  2. Gregoire Noyelle
    Member
    Posted 2 years ago #

    Hi llanquin
    Have a look in firebug, you have problem with a missing div, the post image is in the <div class="calendario">

  3. llanquin
    Member
    Posted 2 years ago #

    my problem is that i dont know how to put the divs to make the order, because when i use the calendario div, it seems that the post beloew get into that div, including the image :(

  4. Gregoire Noyelle
    Member
    Posted 2 years ago #

    with your code I don't know either. Try to not use table layout instead and put the post thumbnail in an other div

Topic Closed

This topic has been closed to new replies.

About this Topic