Jedan od najvažnijih aspekata u razvoju softvera i web stranica je stvaranje izbornika. Microsoft i njegova najpoznatija zamisao, operativni sustav Windows, trebali bi se uzeti kao glavni primjer. Unatoč činjenici da ovaj proizvod koristi ogromna većina korisnika računala u svijetu, kritika ne samo da ne opada, već neprestano raste. U osnovi se tiče neugodnosti smještaja stavki izbornika. Slijedi opis stvaranja izbornika u CSS-u i Expression Webu.
Upute
Korak 1
Da biste započeli s izradom vodoravnog izbornika, idite na Upravljanje stilom, a zatim kliknite gumb Novi stil. Nazovite novi izbornik stila ul li. Važno! Provjerite ima li generirana datoteka nastavak drop-down.css. Da biste napravili vodoravni izbornik, naznačite stvorenom elementu da će biti točno vodoravan. Zatim odredite širinu svake stavke izbornika i uklonite sve nepotrebne točke postavljene ispred svih stavki na popisu.
Korak 2
Idite na opciju Layout, postavite Display atribut na Inline da biste izvršili vodoravno poravnanje. Zatim postavite vrijednost Lijevo na atribut Float i kliknite gumb Primijeni. Postavite sve stavke popisa u jedan redak. Da bi bili postavljeni uredno i ne puzali jedno preko drugog, u atributu Širina postavite vrijednost Položaja na 150 px. Provjerite jesu li svi elementi popisa iste veličine. Zatim uklonite točkice ispred svih elemenata - za to idite na atribut Popis i postavite parametar Ništa u stavci Vrsta stila popisa. Kliknite U redu da bi sve promjene bile prihvaćene i primijenjene.
3. korak
Prilagodite veličinu i stil fonta za ul li. Da biste to učinili, idite na Upravljanje stilovima i desnom tipkom miša kliknite ul li, a zatim odaberite Izmijeni stil. Pojavit će se poznati dijaloški okvir. Idite na Font, odaberite atribut Obitelj fontova i postavite ga na Sans-serif, Arial, Helvetica. Zatim prilagodite veličinu fonta tako što ćete je postaviti na 0, 9. Nakon toga postavite atribut Text-transform na velika slova. Podesite visinu stavki izbornika u atributu Height - Position, postavljajući vrijednost na 30 px.
4. korak
Nakon završetka svih korektivnih radnji spremite datoteku kao menu.html. Zatim testirajte stvoreni izbornik u različitim preglednicima kako biste se uvjerili da ispravno radi. Kao što vidite, dizajn vodoravnog izbornika prilično je jednostavan.
