Retroceder   Foros del Web > Diseño de Sitios web > CSS
Crea un nuevo usuario o inicia sesión utilizando tu cuenta de Facebook
Connect with Facebook

Respuesta
 
Herramientas Desplegado
Antiguo 11-nov-2006, 20:45   #1 (permalink)
pasada.net ha deshabilitado el karma
 
Fecha de Ingreso: marzo-2006
Mensajes: 207
pasada.net está desconectado
Centrar Div

Buenas me gustaria que alguien me dijese como puedo centrar este Div en la pagina web para que no se me queda todo a la izquierda sino que siempre esten las imagenes centradas en la web .. gracias

aqui esta la direccion web http://www.pasada.net/index1.html
  Responder Citando
Antiguo 11-nov-2006, 21:04   #2 (permalink)
elrauli ha deshabilitado el karma
 
Fecha de Ingreso: octubre-2006
Ubicación: Uruguay
Mensajes: 17
elrauli está desconectado
Sonrisa

Hola, por lo que vi en tu código fuente estás utilizando mal las propiedades de estilo ya que lo estás haciendo como si fueran atributos de la etiqueta div.

Esto está mal...

Código HTML:
<div width="80%"></div>
Así está mejor...

Código HTML:
<div style="width:80%"></div>
Pero estaría aun mejor si los estilos los definieras dentro de una hoja de estilos (dentro del documento o aparte).

Para centrar un div podrías establecer sus márgenes así:

Código HTML:
#tu_div
{
	margin-left:auto;
	margin-right:auto;
}
PD: También noté que a tu página le falta la etiqueta de apertura de <body>.

Saludos,


Raúl
  Responder Citando
Antiguo 12-nov-2006, 08:07   #3 (permalink)
pasada.net ha deshabilitado el karma
 
Fecha de Ingreso: marzo-2006
Mensajes: 207
pasada.net está desconectado
Je Je no se xq no tenia el body abierto :S buena cagada :(

lo he subido a la web http://www.pasada.net/index1.html lo tengo modificado y no logro centrarlo todavia bien :(
  Responder Citando
Antiguo 12-nov-2006, 08:45   #4 (permalink)
elrauli ha deshabilitado el karma
 
Fecha de Ingreso: octubre-2006
Ubicación: Uruguay
Mensajes: 17
elrauli está desconectado
Sonrisa

Te paso un ejemplo siguiendo más o menos tu código...

Hoja de estilos:
Código HTML:
#menu
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

/*Con esto te queda el tamaño del contenedor a 80% y centrado*/


#fila_1
{
	text-align:center;
}

/*...y con esto otro centrás el contenido de la fila 1*/
Documento:
Código HTML:
<div id="menu">
	<div id="fila_1">
		bla, bla, bla...
	</div>
</div>
Salux!


Raúl

Última edición por elrauli; 12-nov-2006 a las 08:59
  Responder Citando
Antiguo 12-nov-2006, 08:51   #5 (permalink)
pasada.net ha deshabilitado el karma
 
Fecha de Ingreso: marzo-2006
Mensajes: 207
pasada.net está desconectado
te subo ala web las modificaciones q me dijiste ... no veo ningun cambio :(
  Responder Citando
Antiguo 12-nov-2006, 08:55   #6 (permalink)
elrauli ha deshabilitado el karma
 
Fecha de Ingreso: octubre-2006
Ubicación: Uruguay
Mensajes: 17
elrauli está desconectado
Mostrame la hoja de estilos para que te pueda ayudar mejor!



Edito: No me pases nada que ya la estoy viendo!!!

Voy a verlo bien...


Salux!
  Responder Citando
Antiguo 12-nov-2006, 09:01   #7 (permalink)
elrauli ha deshabilitado el karma
 
Fecha de Ingreso: octubre-2006
Ubicación: Uruguay
Mensajes: 17
elrauli está desconectado
Exclamación

A ver si es esto...

Hubo un error de tipeo de mi parte y te puse:

Código HTML:
margint-left:auto;
cuando debí haber puesto:
Código HTML:
margin-left:auto;
en el selector #menu.


Cambialo a ver si funciona...
  Responder Citando
Antiguo 12-nov-2006, 09:03   #8 (permalink)
pasada.net ha deshabilitado el karma
 
Fecha de Ingreso: marzo-2006
Mensajes: 207
pasada.net está desconectado
y yo fui tan gilipollas de no darme cuenta de que sobraba la t :(
  Responder Citando
Antiguo 12-nov-2006, 09:06   #9 (permalink)
pasada.net ha deshabilitado el karma
 
Fecha de Ingreso: marzo-2006
Mensajes: 207
pasada.net está desconectado
sta online puesto pero no se me centra del todo en la pagina no?
  Responder Citando
Antiguo 12-nov-2006, 10:37   #10 (permalink)
elrauli ha deshabilitado el karma
 
Fecha de Ingreso: octubre-2006
Ubicación: Uruguay
Mensajes: 17
elrauli está desconectado
Bueno... lo que sucede es que dentro de la fila 1 el contenido no es un texto sino una lista (elemento de bloque) en la que cada li es de ancho variable y por eso no se puede centrar.

La solución sería esta:

En la hoja de estilos:
Código HTML:
#menu
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

#menu ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

#menu ul li
{
	float:left;
	width:25%;
	margin:0px;
	padding:0px;
	text-align:center;
}
En el documento:
Código HTML:
<div id="menu">
	<div id="fila_1">
		<ul>
			<li>
				<a href="h*ttp://w*ww.pasada.net/pau-gasol/"><img border="0px" src="h*ttp://w*ww.pasada.net/pau-gasol/p/20p.jpg" width="80px" height="63px" alt="Pau Gasol" /></a><br />
				Pau Gasol
			</li>
			<li>
				<a href="h*ttp://w*ww.pasada.net/michelle-lombardo/"><img border="0px" src="h*ttp://w*ww.pasada.net/michelle-lombardo/p/3p.jpg" width="80px" height="91px" alt="Michelle Lombardo" /></a><br />
				Michelle Lombardo
			</li>
			<li>
				<a href="h*ttp://w*ww.pasada.net/federica-ridolfi"><img border="0px" src="h*ttp://w*ww.pasada.net/federica-ridolfi/p/2p.jpg" width="53px" height="80px" alt="Federica Ridolfi" /></a><br />
				Federica Ridolfi
			</li>
			<li>
				<a href="h*ttp://w*ww.callejondiagon.com/foro"><img border="0px" src="h*ttp://w*ww.pasada.net/caliz-de-fuego/post/8p.jpg" width="100px" height="135px" alt="Callejon Diagon Foro" /></a><br />
				Registrate y Participa!!
			</li>
		</ul>
	</div>
</div>
Probalo y decime si te anduvo...

Saludos,


Raúl

Última edición por elrauli; 12-nov-2006 a las 10:58
  Responder Citando
Respuesta
No hay votos aún.
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.

Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code está Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado
Trackbacks está Desactivado
Pingbacks está Desactivado
Refbacks está Desactivado



La zona horaria es GMT -6. Ahora son las 16:39.
Políticas de Uso de Foros del Web


Message Board Statistics

SEO by vBSEO 3.3.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100