Foros del Web » Creando para Internet » CSS »

Como pongo por css una imagen el el centro

Estas en el tema de Como pongo por css una imagen el el centro en el foro de CSS en Foros del Web. Tengo estas dos classes definiadas para la izquierda y la derecha pero no se como hacer la del centro Son para presentar fotos Código: .Post-Photo-Right ...
  #1 (permalink)  
Antiguo 05/11/2009, 09:18
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 8 años, 4 meses
Puntos: 0
Como pongo por css una imagen el el centro

Tengo estas dos classes definiadas para la izquierda y la derecha pero no se como hacer la del centro
Son para presentar fotos

Código:
.Post-Photo-Right { 
float : right; 
margin-left : 5px;
padding : 3px 3px 3px 3px; 
border-color : #000000; 
border-width : 1px; 
border-style : solid; 
background-color : #ffffff; 
} 
.Post-Photo-Left {
float : left; 
margin-right : 5px;
padding : 3px 3px 3px 3px; 
border-color : #000000; 
border-width : 1px; 
border-style : solid; 
background-color : #ffffff; 
}
Me gustaria me dijeran como he de hacer para definir la del centro.
Muchas Gracias
  #2 (permalink)  
Antiguo 05/11/2009, 09:20
Avatar de Batusai  
Fecha de Ingreso: enero-2005
Ubicación: Málaga -Andalucía- España
Mensajes: 130
Antigüedad: 12 años, 11 meses
Puntos: 1
Respuesta: Como pongo por css una imagen el el centro

Mira en las "ESTRUCTURALES" a ver si alguno de los ejemplos te vale: http://www.araudi.net/
  #3 (permalink)  
Antiguo 05/11/2009, 09:26
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Como pongo por css una imagen el el centro

Muchas gracias por esa pagina pero no veo algo sobre imagenes.
Tengo esto pero no me funciona
Algo me falta
Código:
.Post-Photo-Center { 
margin-left : 5px; 
margin-right : 5px; 
padding : 3px 3px 3px 3px; 
border-color : #000000; 
border-width : 1px; 
border-style : solid; 
background-color : #ffffff; 
}
Y no se como hacerlo
  #4 (permalink)  
Antiguo 05/11/2009, 09:33
Avatar de Batusai  
Fecha de Ingreso: enero-2005
Ubicación: Málaga -Andalucía- España
Mensajes: 130
Antigüedad: 12 años, 11 meses
Puntos: 1
Respuesta: Como pongo por css una imagen el el centro

Perdona, pensé que hablabas de capas.

Pues yo lo que hago es que creo una capa donde vayan a ir las imágenes, y luego reparto el espacio interior entre las fotos; ya sea colocando cada una en una capa distinta, o una clase distinta, o la misma capa o clase para todas pero cuidando de que las fotos sean del mismo tamaño.

También hay que tener en cuenta, creo, algo que estás olvidando.
Código:
    position:relative;
    float: left;
Creo que añadiendo eso a cada clase afectada lo solucionarías.
  #5 (permalink)  
Antiguo 05/11/2009, 09:58
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Como pongo por css una imagen el el centro

Yo pongo este codigo que te he comentado antes
Código:
.Post-Photo-Center { 
margin-left : 5px; 
margin-right : 5px; 
padding : 3px 3px 3px 3px; 
border-color : #000000; 
border-width : 1px; 
border-style : solid; 
background-color : #ffffff; 
}
Y no me funciona
Si pongo float.left se me va a la izquierda
Lo que hago es
Con
Código:
<div align="center">
<img class="Post-Photo-Center" src="imagen.gif">
</div>
Me sale en el centro
Pero pensaba que en css se podria poner algo como float que en vez ir a left o a right fuera al centro.
Con float no se puede.
Pero no se si hay otro codigo que no sea float y que ponga una foto al centro con esa clase que tengo definida arriba.
text-align="center" no sirve para fotos es para texto.
Asi que no se si hay algo mas facil.
Para no usar la etiqueta <div align="center>
  #6 (permalink)  
Antiguo 05/11/2009, 11:53
Avatar de AlePerez92  
Fecha de Ingreso: noviembre-2009
Ubicación: España
Mensajes: 17
Antigüedad: 8 años, 1 mes
Puntos: 2
Sonrisa Respuesta: Como pongo por css una imagen el el centro

Hola, yo lo que uso para poner contenidos en el centro es:
Código:
margin:0 auto;
Otra cosa que te sugiero es que en lugar de escribir esto:
Código:
padding : 3px 3px 3px 3px;
Escríbelo así:
Código:
padding : 3px;
Espero que te ayude...
  #7 (permalink)  
Antiguo 05/11/2009, 13:23
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Como pongo por css una imagen el el centro

Muchas gracias por vuestra informacion
Me ha servido lo de
margin:0 auto;
padding : 3px;
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:28.