Foros del Web » Creando para Internet » CSS »

Centrar UL

Estas en el tema de Centrar UL en el foro de CSS en Foros del Web. Hola, quiero centrar un UL en donde se carga el menu con fondito azul de esta pagina: http://www.google.com ( * Por Alumno * Por Escuela ...
  #1 (permalink)  
Antiguo 04/07/2007, 12:21
Avatar de merolhack  
Fecha de Ingreso: junio-2006
Ubicación: México
Mensajes: 1.242
Antigüedad: 11 años, 5 meses
Puntos: 16
Centrar UL

Hola, quiero centrar un UL en donde se carga el menu con fondito azul de esta pagina:

http://www.google.com
( * Por Alumno * Por Escuela * Por Grupo escolar * Por Entidad, región o zona )

pero no puedo :(

ya le puse text-align: center; y margin: 0 auto; y no pasa nada

alguien me puede ayudar??

Última edición por merolhack; 24/07/2007 a las 18:14
  #2 (permalink)  
Antiguo 04/07/2007, 15:13
Avatar de Kailu  
Fecha de Ingreso: julio-2007
Ubicación: México D. F.
Mensajes: 89
Antigüedad: 10 años, 5 meses
Puntos: 1
Re: Centrar UL

ah, no sé si he captado bien tu mensaje pero se me ocurre esto para colocar objetos:

Utiliza una capa <DIV> y a esta asignale tus propiedades de estilo.

También puedes usar la propiedad POSITION:ABSOLUTE; LEFT:Xpx; TOP:Xpx;
algo así <div style="position:absolute; left:20px; top:30px;">
  #3 (permalink)  
Antiguo 04/07/2007, 15:24
Avatar de merolhack  
Fecha de Ingreso: junio-2006
Ubicación: México
Mensajes: 1.242
Antigüedad: 11 años, 5 meses
Puntos: 16
Re: Centrar UL

Ya he tratado todo, pero no funciona
voy a seguir buscando en todo el codigo, a lo mejor le puse algo de padding: 0 por ahi xD
  #4 (permalink)  
Antiguo 06/07/2007, 11:28
Avatar de merolhack  
Fecha de Ingreso: junio-2006
Ubicación: México
Mensajes: 1.242
Antigüedad: 11 años, 5 meses
Puntos: 16
Re: Centrar UL

Por cierto, como le puedo quitar en IE 6 la propiedad de padding? ya que aunque le ponga padding: 0 no funciona xD y se hace como si le diera un padding-bottom: 10 xd
  #5 (permalink)  
Antiguo 06/07/2007, 12:17
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Re: Centrar UL

Fíjate si en tu hoja CSS nbo hay algún estilo que interfiera con el que quieres poner en esta lista desordenada (ul), también revisa tu página en firefox, pues no se ve muy bien que digamos el primer menu. Por lo demás aquí está el código que usé para lo que ncesitas y me cuadró perfectamente.
Código:
.submenu {
background-color: #3EB2D9;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;}

.submenu li {
display: inline;
line-height: 2em;
}

.submenu li a{
color: #FFFFFF;
font-weight: bold;
font-size: .95em;
padding: .45em 1em;
text-decoration: none;}

.submenu li a:hover {
background-color: #5694B1;
}
y el código html (por cierto, para que son los span?)
Código HTML:
<ul class="submenu">
	<li><a href="http://produccion.ilce.edu.mx/enlace3/content/view/56/59/" title="Por Alumno">Por Alumno</a></li>
	<li><a href="http://produccion.ilce.edu.mx/enlace3/content/view/57/60/" title="Por Escuela">Por Escuela</a></li>
	<li><a href="http://produccion.ilce.edu.mx/enlace3/content/view/58/61/" title="Por Grupo escolar">Por Grupo escolar</a></li>
	<li><a href="http://produccion.ilce.edu.mx/enlace3/content/view/59/69/" title="Por Entidad">Por Entidad</a></li>
</ul> 
Saludos,
__________________
Al final del día hablar es gratis, codificar no lo es
  #6 (permalink)  
Antiguo 06/07/2007, 13:26
 
Fecha de Ingreso: julio-2007
Mensajes: 17
Antigüedad: 10 años, 5 meses
Puntos: 0
Re: Centrar UL

Tienes en ja-splitmenu.css, declarado un 100% de ancho para #ja-subnav ul, solo tienes que darle un ancho menor a 100% y listo.

#ja-subnav ul {
width: 50%;
align: center;
margin: 0 auto;
padding: 0 auto;
text-align: center;
}
  #7 (permalink)  
Antiguo 07/07/2007, 09:34
Avatar de merolhack  
Fecha de Ingreso: junio-2006
Ubicación: México
Mensajes: 1.242
Antigüedad: 11 años, 5 meses
Puntos: 16
Re: Centrar UL

Muchas gracias a los 2, en cuanto pueda conectarme al servidor lo hago!! :D
  #8 (permalink)  
Antiguo 12/07/2009, 09:32
 
Fecha de Ingreso: julio-2009
Mensajes: 1
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Centrar UL

La solución es colocar un display en el CSS así:

#menu ul {
display: table-cell;
... todas las demás definiciones ...
}

Luego en el HTML colocar

<div id="menu" align="center">
<ul> ...
<li> ... </li>
<li> ... </li>
<li> ... </li>
<li> ... </li>
</ul>
</div>

Luego me cuentan
  #9 (permalink)  
Antiguo 12/07/2009, 10:36
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Centrar UL

Hace mas de dos años de este tema, no creo que te vayana responder al igual que no lo tendrías que haber abierto
__________________
No diseñes usando tablas.
  #10 (permalink)  
Antiguo 12/07/2009, 15:28
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Re: Centrar UL

Hola:

Cita:
Iniciado por Kailu Ver Mensaje
<div style="position:absolute; left:20px; top:30px;">
¿y con eso centras el div? ¿Cómo lo vas a centrar si le estás dando una posición fija?

Saludos.

  #11 (permalink)  
Antiguo 12/03/2011, 15:52
 
Fecha de Ingreso: marzo-2011
Mensajes: 1
Antigüedad: 6 años, 9 meses
Puntos: 0
Respuesta: Centrar UL

Cita:
Iniciado por emendez1 Ver Mensaje
La solución es colocar un display en el CSS así:

#menu ul {
display: table-cell;
... todas las demás definiciones ...
}

Luego en el HTML colocar

<div id="menu" align="center">
<ul> ...
<li> ... </li>
<li> ... </li>
<li> ... </li>
<li> ... </li>
</ul>
</div>

Luego me cuentan
gracias emendez1, me has salvado la vida
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 06:29.