![Antiguo](http://static.forosdelweb.com/fdwtheme/images/statusicon/post_old.gif)
29/04/2010, 16:59
|
| | Fecha de Ingreso: abril-2010 Ubicación: Calama
Mensajes: 58
Antigüedad: 14 años, 9 meses Puntos: 0 | |
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 |