I am playing with a new layout in twenty ten where I have a featured post at top (http://www.englishadvantage.info/testblog/)
I have one div id called featured_post, then to make the image float left and the excerpt float right, I have two other divs featured_post_image and featured_post_details. At the moment, my css for the featured post div is not applying to my featured post (border bottom, border left, grey background). In fact it seems to think that the featured post div is between the post and the menu. However if I change the name of featured_post_details to something else (feat_post_ex for example) then I get my featured post formatting BUT the excerpt part doesn't float right.
Why would the name affect the formatting of a div and how can I get the image to float left and the text to wrap AND be able to apply formatting to both together?
Code for this loop included below in case I made a syntax error.
<?php $featured= array('post_type' => 'lesson', 'tags' => 'featured', 'posts_per_page'=>1,); query_posts($featured); if ( have_posts() ) : while (have_posts()) : the_post(); ?> <div id="featured_post"> <div id="featured_post_image"> <?php if ( function_exists( 'get_the_image' ) ) get_the_image(); ?> </div> <div id="featured_post_details"> <h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2> <div class="entry-meta"> <?php echo get_the_term_list( $post->ID, 'level', 'Level: ', ', ', '<br>' ); echo get_the_term_list( $post->ID, 'skill', 'Skill: ', ', ', '<br>' ); echo get_the_term_list( $post->ID, 'area', 'Area: ', ', ', '<br>' ); echo get_the_term_list( $post->ID, 'theme', 'Theme: ', ', ', '<br>' );?> </div> <?php the_excerpt(); ?> </div> <?php endwhile; else: ?> <p>Sorry, no lesson plans here.</p> <?php endif; wp_reset_query(); ?> </div>