Foros del Web » Creando para Internet » Diseño web »

Como centro un <ul> ?????????

Estas en el tema de Como centro un <ul> ????????? en el foro de Diseño web en Foros del Web. hola gente miren : Código HTML: <div id= "menu" > <ul id= "nav" > <li> <a href= "?id=inicio" > Inicio </a> </li> <li> <a> Musica ...
  #1 (permalink)  
Antiguo 21/04/2009, 13:06
Avatar de danistrein  
Fecha de Ingreso: septiembre-2008
Ubicación: Salta Capital
Mensajes: 539
Antigüedad: 9 años, 3 meses
Puntos: 7
Pregunta Como centro un <ul> ?????????

hola gente miren :

Código HTML:
<div id="menu">
<ul id="nav">
	<li><a href="?id=inicio">Inicio</a></li>
    
    <li><a>Musica</a>
    <ul class="submenu">
    <li><a href="?id=Alternativo">Alternativo</a></li>
    <li><a href="?id=Baladas">Baladas</a></li>
    <li><a href="?id=BaladasDeOro">BaladasDeOro</a></li>
    <li><a href="?id=Bachatas">Bachatas</a></li>
    <li><a href="?id=Cumbia">Cumbia</a></li>
    <li><a href="?id=CumbiaVillera">CumbiaVillera</a></li>
    <li><a href="?id=Dance">Dance</a></li>
    <li><a href="?id=Electronica">Electronica</a></li>
    <li><a href="?id=HipHop">HipHop</a></li>
    <li><a href="?id=Metal">Metal</a></li>
    <li><a href="?id=Pop">Pop</a></li>
    <li><a href="?id=Reggae">Reggae</a></li>
    <li><a href="?id=Reggaeton">Reggaeton</a></li>
    <li><a href="?id=Rock">Rock</a></li>
    <li><a href="?id=RockEnEspanol">RockenEspanol</a></li>
    </ul></li>


    <li><a href="?id=contacto">Contacto</a></li>
</ul>
</div> 
tengo ese menu el css es este:

Código HTML:
* { padding:0px; margin:0px; }

#menu { 
z-index: 9999;
}

#nav { 
list-style:none; 
}

#nav li { 
float:left;  
background-repeat:no-repeat; 
background-position:right; 
}

#nav li a { 
display:block; 
padding:7px 10px; 
text-decoration:none; 
color:#CCCCCC; 
font-weight:bold; 
}

#nav li a:hover { 
color:#FFFFFF; 
}

/* Submenu */
#nav ul.submenu { 
border:1px solid #000000; 
padding:5px; 
position:absolute; 
list-style:none; 
background-color:#333333;

}

#nav ul.submenu li { 
float:none; 
background-image:none; 
border-bottom:1px solid #999999; 
width:200px;
}

/* Subsubmenu */
#nav ul.subsubmenu { 
border:1px solid #000000; 
padding:5px; position:absolute; 
list-style:none; 
background-color:#333333; 
margin-left:150px; 
margin-top:-30px;
}

#nav ul.subsubmenu li { 
float:none; 
background-image:none; 
border-bottom:1px solid #999999; 
min-width:200px;
}
el tema es que quiero que se centre el menu como ago eso?
  #2 (permalink)  
Antiguo 22/04/2009, 02:07
Avatar de zaetoner  
Fecha de Ingreso: noviembre-2007
Ubicación: La ciudad de México
Mensajes: 607
Antigüedad: 10 años
Puntos: 30
Respuesta: Como centro un <ul> ?????????

este codigo que te pongo centrara todo el div menu en la pagina

Código HTML:
#menu { 
z-index: 9999;
margin-left:auto;
margin-right:auto;
align-text:left;
}
  #3 (permalink)  
Antiguo 22/04/2009, 08:59
 
Fecha de Ingreso: abril-2009
Mensajes: 7
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Como centro un <ul> ?????????

Tambien podrias pobrar poniendo directamente los terminos de alineacion al div en el codigo html

Código:
<div id=menu align="center"></div>
Saludos
  #4 (permalink)  
Antiguo 23/04/2009, 09:49
Avatar de danistrein  
Fecha de Ingreso: septiembre-2008
Ubicación: Salta Capital
Mensajes: 539
Antigüedad: 9 años, 3 meses
Puntos: 7
Respuesta: Como centro un <ul> ?????????

Cita:
Iniciado por zaetoner Ver Mensaje
este codigo que te pongo centrara todo el div menu en la pagina

Código HTML:
#menu { 
z-index: 9999;
margin-left:auto;
margin-right:auto;
align-text:left;
}
jeje muchas gracias
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 04:54.