Wie eine Navigationsleiste zu schweben

Wenn Sie eine Navigationsleiste für Ihre Website erstellen, können Sie eine einfache Navigationsleiste erstellen, die dem Zweck der Bereitstellung von Links zu anderen Seiten auf einer Website dienen wird. Jedoch keine einfache HTML-Navigationsleiste wahrscheinlich gewinnen Sie, alle Stil-Punkte. Wenn Sie eine Navigationsleiste erstellen, sieht professioneller und umfasst standardisierte Verbindung Größen, möchten, können Sie prüfen, einschließlich eines CSS-Float-Codes in Ihre HTML.

Anweisungen

1 Melden Sie sich Ihrem Web-Server. Klicken Sie auf die HTML-Datei der Seite, auf denen Sie eine Navigationsleiste, um es zu öffnen einfügen möchten.

2 Klicken Sie in den < Head >-Abschnitt Ihrer Seite und fügen Sie dieser CSS-Code ein:

< Typ style = "Text/Css" >

UL

{

List-Style-Type: none;

Margin: 0;

Padding: 0;

Overflow: hidden;

}

Li

{

Float: Left;

}

ein

{

Display: Block;

Breite: 60px;

Hintergrundfarbe: #dddddd;

}

< / style >

3 Klicken Sie im Abschnitt < Body > des Dokuments an die gewünschte Stelle der Navigationsleiste angezeigt werden:

< Ul >

< li >< a Href = "#item1" > Eintrag 1 </a >< / li >

< li >< a Href = "#item2" > Punkt 2 </a >< / li >

< li >< a Href = "#item3" > Punkt 3 </a >< / li >

< li >< a Href = "#item4" > Punkt 4 </a >< / li >

</ul >

4 Ersetzen Sie "Eintrag 1", "Punkt 2", "Eintrag 3" und "Punkt 4" mit den Nav-Bar-Kategorien.

5 Ersetzen Sie "#item1", "#item2", "#item3" und "#item4" mit den Links für die Nav-Bar-Menüs.

6 Veröffentlichen Sie die Seite "".