Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/08/2014, 23:36
crafter_v
 
Fecha de Ingreso: febrero-2013
Mensajes: 90
Antigüedad: 11 años, 3 meses
Puntos: 0
Imagen en articulo de wordpress

Hola, he creado una plantilla para Wordpress. Dicha plantilla tiene una pagina principal donde se muestran los diferentes articulos y cuando haces click en alguno de ellos se accede al articulo completo.

La estructura del articulo una vez abierto es esta:

Código:
    <section id="articles_list">
    
	<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    
    	<article class="proyecto">
        	
            <div class="nombreycategoria">
            <hgroup><h2><span><a href="<?php the_permalink();?>"><?php the_title();?></a></span></h2></hgroup>
            <div class="cat_name"><?php the_category();?></div></span>
            </div>
            
            <div class="content"><?php the_content();?></p>
            
            <div class="apartado"><a href="<?php the_permalink();?>">
            	<?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'list_articles_thumbs' ); } ?>
            </a></div>
            
        </article>
   
    <?php endwhile; else: ?>  
    <?php endif; ?>
		</div>
    </section>

El CSS asi:

Código:
#main #articles_list {
	clear: both;
	width:100%;
}

#main #articles_list article {
	width:30%;
	margin:25px 5% 25px 0px;
	overflow:hidden;
	float:left;
}

#main #articles_list .proyecto  {
	margin-top:15px;
	width:100%;
	margin-bottom:50px;
	margin-right:5%;
	overflow:hidden;
	float:left;
}

#main #articles_list article .apartado{
	width:100%;
}

#main #articles_list article .apartado img{
	width:100%;
	height:100%;
}

#main #articles_list article h2 {
	margin: 6px 0px 0px 0px;
}

#main #articles_list article h2 span {
	margin: 6px 0px 0px 0px;
	font-size:2rem;
	line-height:100%;
}



#main #articles_list article .content{
	width:65%;
	margin:12px 0px 40px 5%;
	float:right;
	line-height:150%;
}

.nombreycategoria{
	
	margin:0px 0px 0px 0px;
	width:30%;
	float:left;	
}

Lo que quiero hacer es que al acceder al articulo, se muestre el titulo y la categoria a la izquierda, el cuerpo del articulo a la derecha (a la misma altura) y las imágenes que lleve el articulo se muestren debajo abarcando la anchura de ambas partes.

El problema es que solo se muestra la imagen abarcando la anchura del cuerpo de texto, con lo cual se corta y no se muestra con el ancho completo.