Foros del Web » Creando para Internet » CSS »

Alinear menú al estilo Google

Estas en el tema de Alinear menú al estilo Google en el foro de CSS en Foros del Web. Tengo el siguiente código HTML de un menú: <div id="navegacion"> <ul id="nav_1"> <li span class="nline_bar"><a href="#">Inicio</a></li> | <li span class="nline_bar"><a href="#">Galería</a></li> </ul> <ul id="nav_2"> <li ...
  #1 (permalink)  
Antiguo 29/04/2010, 17:59
 
Fecha de Ingreso: abril-2010
Ubicación: Calama
Mensajes: 58
Antigüedad: 7 años, 7 meses
Puntos: 0
Pregunta Alinear menú al estilo Google

Tengo el siguiente código HTML de un menú:

<div id="navegacion">
<ul id="nav_1">
<li span class="nline_bar"><a href="#">Inicio</a></li> |
<li span class="nline_bar"><a href="#">Galería</a></li>
</ul>
<ul id="nav_2">
<li span class="nline_bar"><a href="#">Ingresar</a></li> |
<li span class="nline_bar"><a href="#">Registrarse</a></li>
</ul>
</div>

para alinear el menú usé .nline_bar {display:inline;}
lo q qiero aora es q las opciones de #nav_1 qeden a la izqierda, y las opciones de #nav_2 qeden a la derecha, tal como el menú de la página de Google.

espero me puedan ayudar.

------------------------

a ver, hice lo siguiente:

#navegacion {position:relative;}
#nav_1 {margin-top:5px; margin-left:5px;}
#nav_2 {position:absolute; top:0; right:5px;} /* en Chrome funciona con top:-16px */
.nline_bar {display:inline}

¿estará bien hecho?

Última edición por novoweb; 29/04/2010 a las 23:13
  #2 (permalink)  
Antiguo 29/04/2010, 22:34
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Alinear menú al estilo Google

Pones algo así:
Código CSS:
Ver original
  1. #nav_1 {
  2. float:left;
  3. }
  4. #nav_2 {
  5. float:right;
  6. }

Saludos
__________________
Grupo Telegram Docker en Español

Etiquetas: alinear, estilo, google
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.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 02:23.