Hvordan Float et Navbar
Når du oppretter en navigeringslinje for nettstedet ditt, kan du velge å lage en enkel nav bar som vil tjene det formål å gi linker til andre sider på et nettsted. Men en enkel HTML-nav bar sannsynligvis ikke vil vinne noe stil poeng. Hvis du ønsker å opprette en nav bar som ser mer profesjonell og inkluderer standardiserte koblingsstørrelser, kan du vurdere å inkludere en CSS flyte koden i HTML.
Bruksanvisning
1 Logg inn på webserveren din. Klikk på HTML-filen tilknyttet siden der du vil sette inn et nav bar for å åpne den.
2 Klikk i <head> delen av siden din og sette inn denne CSS-kode:
<Style type = "text / css">
ul
{
list-style-type: none;
margin: 0;
padding: 0;
flow: hidden;
}
li
{
float: left;
}
en
{
display: block;
width: 60px;
background-color: #dddddd;
}
</ Style>
3 Klikk i <body> -delen av dokumentet på det stedet der du vil at nav bar skal vises:
<Ul>
<Li> <a href="#item1"> Sak 1 </a> </ li>
<Li> <a href="#item2"> Sak 2 </a> </ li>
<Li> <a href="#item3"> Sak 3 </a> </ li>
<Li> <a href="#item4"> Sak 4 </a> </ li>
</ Ul>
4 Erstatt "Sak 1", "Sak 2", "Sak 3" og "Sak 4" med nav bar kategorier.
5 Erstatt "# item1", "# ITEM2", "# ITEM3" og "# ITEM4" med linkene for nav bar menyer.
6 Publiser siden.