alinear imagen

[el_tigre]

Amigos, una pequeña duda para vuestras grandes mentes:

En algunas partes de mi página la imagen debe estar alineada sola y el texto abajo, pero en otra parte de mi página la imagen debe estar a la izquierda y el texto a la derecha, esto lo logro poniendo a la imagen un float:left y margin-right: 10px; pero esto cambia a toda las imágenes... ¿cómo puedo personalizar esto?

Saludos

[fede5426]

Asignale una clase a la imagen y aplica los estilos solamente a esa clase..

[el_tigre]

Si, amigo, yo entiendo que puedo trabajar con clases como

Código HTML:

img.izquierda { 
  float: left; 
}

img.derecha {
  float: right; 
}

ó

img.alignleft { 
  float: left; 
}

El problema es que estoy manejando Worpress, las imágenes se muestras con este código

Código PHP:

  <?php the_post_thumbnail('thumbnail'); ?>   

he creado un div para llamar a las clases

Código PHP:

 <div class="img.alignleft> 
<?php the_post_thumbnail('thumbnail'); ?> 
</div> 
 
y 
 
<div class="img.aligncenter> 
<?php the_post_thumbnail('thumbnail'); ?> 
</div>  

y no surge el efecto, en algo estoy fallando....

[fede5426]

<div class="img.alignleft>

No estas cerrando las comillas de la clase, y deberias usar class="alignleft" nada mas.. En la hoja de estilos usas:

.alignleft{
float: left;
}

Y ya deberia funcionar.

Si no funciona asi vas a tener que esperar la ayuda de alguien mas porque yo no trabaje nunca con wordpress, no sabria de que otra forma solucionarlo..