Orizzontali menu Spry sono popolari tra i web designer a causa della loro capacità di immagazzinare grandi quantità di controlli di navigazione in una piccola area. Quando i visitatori scorrere il cursore del mouse su una voce di un menu Spry orizzontale, il menu si estende verticalmente per visualizzare le voci di sottomenu correlati. Come sviluppatore Web, è possibile scavare nel codice CSS del menu Spry per regolare le proprietà come la larghezza fissa di ogni voce di menu.

istruzione

1 Avviare un'applicazione web editing, come Adobe Dreamweaver o un elaboratore di testi, ad esempio Microsoft Word.

2 Aprire il file HTML che contiene il codice per il 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 sono etichettati con una riga che dice "<style type =" text / css ">". In altri casi, gli stili CSS per un menu spry possono essere situati in un file separato.

4 Individuare la riga nel codice CSS con l'etichetta "ul.MenuBarHorizontal."

5 Sostituire il codice che dice "width: auto" con "width: 100px." Invece di "100px", utilizzare la larghezza in pixel che si desidera applicare a ogni voce del menu spry orizzontale.

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