Hola, estoy teniendo un problema con las imagenes de los posts, el tema es que cuando entro para ver la nota completa la imagen no se alinea, por ej: si pongo para que este alineada a la izquierda y texto a la derecha digamos no me lo respeta, simplemente me pone la imagen y abajo el texto.
El codigo de la entrada individual (single.php)
Código HTML:
<?php get_header(); ?>
<!-- Container -->
<div id="content-wrap">
<br/>
<!-- single post content -->
<div id="singlepost">
<div class="barrasinglepost">
<h4><?php
$cat = get_the_category(); $cat = $cat[0]; echo $cat->cat_name;
?> | <?php the_time('j-F'); ?> </h4>
</div>
<div class="singlepostpost">
<!-- single post loop -->
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<!-- title of the single pot -->
<h3><?php the_title(); ?></h3>
<br/>
<!-- content -->
<?php the_content(__('')); ?>
</div>
<div class="single-entry-nav">
<div class="left"><?php previous_post_link('« %link') ?></div>
<div class="right"><?php next_post_link('%link »') ?></div>
<div style="clear:both"></div>
</div>
<div id="comment-wrapper">
<?php comments_template(); ?>
</div>
<!-- End of Loop fore single post -->
<?php endwhile; else : ?>
<?php endif; ?>
</div>
<!-- /singlepost -->
<?php get_sidebar(); ?>
</div>
<?php get_footer(); ?>
y los estilos de cada div estan aca
Código HTML:
#singlepost {
float:left;
display:inline;
margin-right:15px;
margin-left:150px;
padding:8px 0px 0px 10px;
width: 550px !important;
width: 570px;
width/**/:/**/500px;
}
.post {
}
.barrasinglepost {
position:absolute;
margin-top:0px;
margin-left:0px;
background-color:#236123;
width:550px;
}
#singlepostinfo {
background: #f7f7f7;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: 10px;
clear:both;
float:none;
display:block;
font:.8em/1.4em verdana;
}
.singlepostpost {
margin-bottom:10px;
padding: 0px 10px 10px 10px;
border-bottom:2px solid #333333;
border-left:2px solid #2c6bc1;
background-color:#dddfcc;
}
.postinfo { /* post info shown under the summary of posts on search results */
text-align:right;
padding-top:3px;
font:.8em verdana, arial, tahoma;
color:#9f9f9f;
border-top:1px dotted #f1f1f1;
margin-bottom:20px;
}
.single-entry-nav {
display: block;
margin:20px 0 ;
font: 1em verdana;
}
.post img {display:block;float:left;}
.post img.alignleft {
float:left;
margin: 12px 10px 5px 0;
display:block;
}
.post img.alignright {
float:left;
margin: 12px 0px 5px 10px;
display:block;
}
.post p {
font:1em/1.6em verdana;
padding-bottom: 15px;
}
.post ul,.post ol{
font:.95em/1.5em verdana;
padding-left:30px;
margin-bottom:15
Espero mucho su ayuda ya que he probado muchas cosas y nada.
Desde ya muchas gracias