Centrar solo imagenes

DaZaRo

Buenas, estoy intentado hacer un script, para centrar solo imágenes. Ahora mismo lo que tengo que el script coge la informacion de un foro y la muestra en una pagina algo parecido a un lector de RSS, solo que no usa RSS, y muestra toda la información del post. Mi intención es que si ve que ese post tiene una imagen, al mostrarla la centre.

A ver si me podeis echar una mano. Gracias :D

NeB1
<div class="post">
   LBLALBALBALBALBAL el ele lead qwe qw eqewq
   <div class="imgContainer">
      <img src='asdasd' />
   </div>
</div>

y en css

.post{width:loquesea}

.post .imgContainer{width:100%;text-align:center;}

Creo que algo así debería funcionar.

DaZaRo

mas o menos esa es la idea que tengo, pero al final lo que estoy haciendo es un script que si encuentra img, pues haga ese css que has puesto y asi ya solo centraría las imágenes. Luego lo enseñare cuando este terminado.

Tunnecino

Pero por que haces un script cuando con css lo tienes en 3 líneas?

RaymaN
img { margin: 0 auto; }
BLZKZ

#2 creo que el text-align no alinea las fotos y es como dice Rayman :/

NeB1

#6 es como dice rayman para hacerlo bien, pero me suena que lo mío tmb funcionaba :S

nah, es verdad, no funciona con todos los navegadores.

margin 0 auto, y float para alinear a los lados.

eXtreM3

Una preguntilla relacionada con el tema. #5 ha dado la solución a la pregunta principal, que era centrar TODAS las imágenes, y ahora yo planteo: se puede hacer una clase sólo para centrar ciertas imágenes haciendo esto?

img.distintas { margin: auto 0; }

Imagen no centrada: <img src="ruta.jpg" />

Imagen centrada: <img src="ruta.jpg" class="distintas" />

Creo que me he liao yo solo xD

NeB1

si :S

puedes hasta simplificarlo en

.distintas{margin: 0 auto;}

eXtreM3

Se me va la cabeza xDDD, #8 no ha existido.

Usuarios habituales

  • eXtreM3
  • NeB1
  • BLZKZ
  • RaymaN
  • Tunnecino
  • DaZaRo