Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/04/2010, 16:59
novoweb
 
Fecha de Ingreso: abril-2010
Ubicación: Calama
Mensajes: 58
Antigüedad: 14 años
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 22:13