Centrar UL

[merolhack]

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??

[Kailu]

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;">

[merolhack]

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

[merolhack]

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

[baccxus]

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,

[padapapoulos]

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;
}

[merolhack]

Muchas gracias a los 2, en cuanto pueda conectarme al servidor lo hago!! :D

[emendez1]

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

[hades87]

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

[jomaruro]

Hola:

Iniciado por Kailu

<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.

[SeFeDeK]

Iniciado por emendez1

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