aqui esta la direccion web http://www.pasada.net/index1.html
|
Crea un nuevo usuario o inicia sesión utilizando tu cuenta de Facebook
|
|||||||
![]() |
|
|
Herramientas | Desplegado |
|
|
#1 (permalink) |
![]() Fecha de Ingreso: marzo-2006
Mensajes: 207
|
Centrar Div
aqui esta la direccion web http://www.pasada.net/index1.html |
|
|
|
#2 (permalink) |
![]() Fecha de Ingreso: octubre-2006
Ubicación: Uruguay
Mensajes: 17
|
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> Código HTML:
<div style="width:80%"></div> Para centrar un div podrías establecer sus márgenes así: Código HTML:
#tu_div
{
margin-left:auto;
margin-right:auto;
}
Saludos, Raúl
|
|
|
|
#3 (permalink) |
![]() Fecha de Ingreso: marzo-2006
Mensajes: 207
|
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 :( |
|
|
|
#4 (permalink) |
![]() Fecha de Ingreso: octubre-2006
Ubicación: Uruguay
Mensajes: 17
|
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*/
Código HTML:
<div id="menu"> <div id="fila_1"> bla, bla, bla... </div> </div> Raúl
Última edición por elrauli; 12-nov-2006 a las 08:59 |
|
|
|
#7 (permalink) |
![]() Fecha de Ingreso: octubre-2006
Ubicación: Uruguay
Mensajes: 17
|
A ver si es esto...
Hubo un error de tipeo de mi parte y te puse: Código HTML:
margint-left:auto; Código HTML:
margin-left:auto; Cambialo a ver si funciona... |
|
|
|
#10 (permalink) |
![]() Fecha de Ingreso: octubre-2006
Ubicación: Uruguay
Mensajes: 17
|
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;
}
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> Saludos, Raúl Última edición por elrauli; 12-nov-2006 a las 10:58 |
|
![]() |
| Herramientas | |
| Desplegado | |
|
|