Centrar imagenes

[visona]

Hola a todos, necesito centrar las imagens dentro del div.
este es el css que tengo.

Código PHP:

  #div_articulos{ 
    height:150px; 
    width:150px; 
    float: left; 
    font-size: 10px; 
    background-color: #F2F2F2; 
    border: 3px double #666; 
    text-align: center; 
    margin-right: 3px; 
    overflow-x: hidden; 
    overflow-y: hidden; 
    vertical-align: middle; 
}  
   

Aqui muestra una imagen de 300x* px pero me muestra la imagen alienada a la izquierda.

Lo que necesito es centrar la imagen horizontalmente.

[3rps]

quizá un margin: 0px auto; solucione el problema

[visona]

Pues deberia, pero no me las centra....

[GAST0N]

dale proba con el margin left ,sacale el margin right

[visona]

tampoco.
Dentro del DIV sale una imagen, es esa la que quiero centrar, no quiero centrar el DIV, si no la imagen que está dentro del div.

[GAST0N]

Iniciado por visona

tampoco.
Dentro del DIV sale una imagen, es esa la que quiero centrar, no quiero centrar el DIV, si no la imagen que está dentro del div.

entonces proba poniendo otro div para la iamgen, y movelo a ese..

o de ultima ...

<center></center> a la imagen en el html

[sanxuan]

La posibilidad más simple es colocar la imagen (center.jpg en el jemplo) como fondo del div añadiendo las propiedades siguientes a la regla #div_articulos:
background-image: url("center.jpg");
background-position: center center;
Si la imagen fuese más pequeña que el div se puede añadir background-repeat:no-repeat para que se muestre sólo una vez.

[kseso?]

Tiene un contenedor (div) de unas medidas conocidas y fijas /height:150px;width:150px;/ y ademas ya ha prevenido que no haya desbordamientos /overflow-x: hidden;overflow-y: hidden; overflow:hidden/

Ahora quiere colocar un elemento (imagen) en una determinada posición de su caja. La medida de la imagen en la coordenada que quiere posicionar la conoce a priori (300px)

Pues el camino más evidente que encuentro es posicionar de forma absoluta la imagen y con las propiedades top/left colocarla. Es un simple cálculo matemático.
Recuerde que las propiedades top-right-bottom-left admiten valores negativos.