Foros del Web » Creando para Internet » CSS »

centrar en capa imágenes que tienen float left

Estas en el tema de centrar en capa imágenes que tienen float left en el foro de CSS en Foros del Web. hola! Tengo una capa que contiene una fila de imágenes y para ello he utilizado "float:left", el caso es que quiero que el contenido de ...
  #1 (permalink)  
Antiguo 10/06/2008, 16:58
 
Fecha de Ingreso: noviembre-2004
Mensajes: 123
Antigüedad: 13 años
Puntos: 0
centrar en capa imágenes que tienen float left

hola!
Tengo una capa que contiene una fila de imágenes y para ello he utilizado "float:left", el caso es que quiero que el contenido de esa capa se sitúe en el centro de la página y no a un lado, y no lo consigo ni a la de tres, ni con text-align: center, ni con margin:auto ni con nada, porque claro, el que las imágenes estén flotando a la izquierda las obliga a quedarse a la izquierda.

¿sabéis alguna forma de solucionarlo?
gracias!
  #2 (permalink)  
Antiguo 10/06/2008, 17:00
 
Fecha de Ingreso: diciembre-2003
Mensajes: 204
Antigüedad: 14 años
Puntos: 2
Respuesta: centrar en capa imágenes que tienen float left

pon el codigo que tienes para poder ayudarte
  #3 (permalink)  
Antiguo 10/06/2008, 17:25
 
Fecha de Ingreso: noviembre-2004
Mensajes: 123
Antigüedad: 13 años
Puntos: 0
Respuesta: centrar en capa imágenes que tienen float left

aquí está el código:

Código:
<div style="text-align:center; margin:auto;">

<div style="width:120px; float:left; margin:20px 20px 0 0;"><img src="foto.gif" /></div>
<div style="width:120px; float:left; margin:20px 20px 0 0;"><img src="foto.gif" /></div>
<div style="width:120px; float:left; margin:20px 20px 0 0;"><img src="foto.gif" /></div>
<div style="width:120px; float:left; margin:20px 20px 0 0;"><img src="foto.gif" /></div>

</div>
  #4 (permalink)  
Antiguo 10/06/2008, 18:12
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: centrar en capa imágenes que tienen float left

Para eso deberías dar un ancho definido al div que las contiene y centrar este en la página. Luego para simular que están centradas dentro del div deberás jugar con los márgenes izquierdo y derecho.

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<meta http-equiv="ContentType" content="text/html; charset=iso-8859-1" />
<title>Ejemplo fotos</title>
<style type="text/css">
#fotos { width: 560px;margin: 50px auto;}
div img {width:120px; float:left;margin: 20px 20px 0 0;}
</style>
</head>
<body>
<div id="fotos">
<div><img src="foto.gif" /></div>
<div><img src="foto.gif" /></div>
<div><img src="foto.gif" /></div>
<div><img src="foto.gif" /></div>
</div>
</body>
</html>
Mikel.
  #5 (permalink)  
Antiguo 11/06/2008, 13:21
 
Fecha de Ingreso: noviembre-2004
Mensajes: 123
Antigüedad: 13 años
Puntos: 0
Respuesta: centrar en capa imágenes que tienen float left

muchísimas gracias Mikmoro, no se me había ocurrido darle un ancho a la div contenedora...
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 05:06.