En av de viktigste aspektene innen utvikling av programvare og nettsteder er oppretting av menyer. Microsoft og dets mest berømte hjernebarn, Windows-operativsystemet, bør tas som et godt eksempel. Til tross for at dette produktet brukes av det overveldende flertallet av PC-brukere i verden, reduserer ikke kritikken ikke bare, men vokser stadig. I utgangspunktet gjelder det ulempen med plasseringen av menyelementene. Følgende er en beskrivelse av hvordan du oppretter menyer i CSS og Expression Web.
Bruksanvisning
Trinn 1
For å begynne å lage en horisontal meny, gå til Manage Style, og klikk deretter på New Style-knappen. Navngi den nye stilen Selector ul li. Viktig! Forsikre deg om at den genererte filen har drop-down.css-utvidelsen. For å lage en horisontal meny, angir du det opprettede elementet at den vil være nøyaktig vannrett. Deretter bestemmer du bredden på hvert menyelement og fjerner alle unødvendige punkter plassert foran alle elementene i listen.
Steg 2
Gå til Layout-alternativet, sett Display-attributtet til Inline for å gjøre horisontal justering. Deretter setter du Venstre-verdien til Float-attributtet og klikker på Bruk-knappen. Sett alle listeelementene til en linje. Slik at de plasseres pent og ikke kryper oppå hverandre, i Width-attributtet, stiller du Posisjonsverdien til 150 px. Sjekk at alle elementene i listen har samme størrelse. Fjern deretter prikkene foran alle elementene - for dette, gå til attributtet List og sett parameteren Ingen i elementet List Style-type. Klikk OK for at alle endringer skal godtas og brukes.
Trinn 3
Juster skriftstørrelse og stil for ul li. For å gjøre dette, gå til Manage Styles og høyreklikk på ul li, og velg deretter Modify Style. Den kjente dialogboksen vises. Gå til Font, velg Font-family-attributtet og sett den til Sans-serif, Arial, Helvetica. Deretter justerer du skriftstørrelsen ved å sette den til 0, 9. Deretter setter du attributtet Text-transform til Store bokstaver. Juster høyden på menyelementene i attributtet Høyde - posisjon, og sett verdien til 30 px.
Trinn 4
Når du har fullført alle korrigerende handlinger, lagrer du filen som menu.html. Test deretter den opprettede menyen i forskjellige nettlesere for å sikre at den fungerer riktig. Som du kan se, er utformingen av den horisontale menyen ganske enkel.
