CSS: Hvordan lage Navigation skjul

July 13

En navigasjon gir deg rask tilgang til andre websider. Du kan skjule og unhide navigasjons eller spesifikke lenker i den. Ved å skjule koblinger, kan du skjule websider fra visning og holde området rot gratis. Det kan være lurt å unhide navigasjons å avsløre en webside du nylig avsluttet for publikum. Synligheten og skjulte egenskaper gjør dette mulig. I CSS, "visibility: hidden" beholder plassen til skjulte elementer under "display: none" skjuler elementet og dets plass.

Bruksanvisning

1 Åpne HTML-filen du ønsker å endre i et tekstredigeringsprogram, for eksempel Notisblokk, TextPad eller EditPad.

2 Finn stilen navnet som brukes for den skjulte koden mellom <HEAD> -taggen for å sjekke navnet. Dens CSS koden kan være lik:

.mynav {

display: none;

}

(eller)

.mynav {

synlighet: skjult;

}

3 Gå til HTML-koden for navigasjonsmenyen i <BODY> tag.

4 Fjern klassen (ex: "class =" mynav ".) Fra tag, endre det fra:

<Div class = "mynav"> Innholdet i navigasjon </ div> eller

<Li class = "mynav"> Menyelement i navigasjon </ li>

Til:

<Div> Innholdet i navigasjon </ div> eller

<Li> Menyelement i navigasjon </ li>