Tecnología

Inicio

Cómo hacer flotar un barra de navegación

September 6

Al crear una barra de navegación para su sitio web, puede optar por crear una sencilla barra de navegación que servirá el propósito de proporcionar enlaces a otras páginas de un sitio. Sin embargo, una simple barra de navegación HTML probablemente no va a ganar ningún punto de estilo. Si desea crear una barra de navegación que se ve más profesional e incluye tamaños estandarizados de enlace, es posible considerar la inclusión de un código CSS float en el código HTML.

Instrucciones

1 Ingrese a su servidor web. Haga clic en el archivo HTML asociado a la página en la que desea insertar una barra de navegación para abrirlo.

2 Haga clic en la sección <head> de la página e insertar el código CSS:

<Style type = "text / css">

ul

{

list-style-type: none;

margin: 0;

padding: 0;

sobrecarga oculta;

}

li

{

flotador izquierdo;

}

un

{

bloqueo de pantalla;

Ancho: 60px;

background-color: #dddddd;

}

</ Style>

3 Haga clic en la sección <body> del documento en la ubicación en la que desea que aparezca la barra de navegación:

<Ul>

<Li> <a href="#item1"> artículo 1 </a> </ li>

<Li> <a href="#item2"> artículo 2 </a> </ li>

<Li> <a href="#item3"> artículo 3 </a> </ li>

<Li> <a href="#item4"> artículo 4 </a> </ li>

</ Ul>

4 Reemplazar "Artículo 1", "Punto 2," "Artículo 3" y "Punto 4" con las categorías de la barra de navegación.

5 Reemplazar "# elemento1", "# item2", "# elemento3" y "#" elemento4 con los enlaces para los menús de barra de navegación.

6 Publicar la página.