Menu spry orizzontali sono popolari tra i Web designer a causa della loro capacità di memorizzare grandi quantità di controlli di spostamento in una piccola area. Quando i visitatori scorrere il cursore del mouse sopra un elemento in un menu spry orizzontale, il menu si estende verticalmente per visualizzare le voci di sottomenu correlate. Come Web developer, è possibile scavare in codifica per regolare le proprietà quali la larghezza fissa di ogni voce di menu CSS del menu spry.

Istruzioni

1

Avviare un web applicazione, ad esempio Adobe Dreamweaver o un elaboratore di testi, ad esempio Microsoft Word per la modifica.

2

Aprire il file HTML che contiene il codice per menu spry orizzontale del tuo sito.

3

Individuare la sezione del codice in cui sono definiti gli stili CSS. Nella maggior parte dei casi, questo sarà vicino alla parte superiore del codice HTML e sarà etichettato con una riga che dice "< style type =" text/css">." In altri casi, gli stili CSS per un menu spry potrebbero trovarsi in un file separato.

4

Individuare la riga di codice CSS con etichettato "ul. MenuBarHorizontal."

5

Sostituire il codice che dice "Larghezza: auto" con "Larghezza: 100px." Invece di "100px", utilizzare la larghezza in pixel da applicare a ogni elemento nel menu spry orizzontale.

6

Salvare il codice HTML e caricarlo sul server Web per pubblicare le modifiche al menu spry orizzontale.