Menyoppretting er sannsynligvis et av hovedpunktene i utviklingen av nettsteder og programmer. I tillegg er en god utdyping og logisk utforming av en slik meny ansiktet til et nettsted eller et hvilket som helst program. La oss for eksempel ta Microsoft og operativsystemet Windows 7. Etter utgivelsen av Windows 7 hørte Microsoft mye kritikk som ikke var smigrende for seg selv. Det har vært mange kritikker, men ofte ubeleilig plassert menyelementer Les nøye gjennom denne veiledningen om hvordan du lager en horisontal rullegardinmeny med CSS og Expression Web. Tagstiler endres for å opprette menyen
Bruksanvisning
Trinn 1
Gå til Manage Styles, og klikk deretter på New Style-knappen. Gi navnet Selector ul li til den nye stilen du nettopp opprettet. Husk også å sørge for at den nye stilen må defineres i drop-down.css-filen.
Steg 2
For å strekke en horisontal meny, må du fortelle menyelementene at den vil være vannrett. Deretter må du bestemme bredden på hvert menyelement og fjerne alle unødvendige prikker foran alle listeelementene.
Trinn 3
For horisontal justering, gå til Layout og sett displayattributtet til innebygd. Sett float-attributtet til venstre. Klikk på Bruk-knappen. Alle listeelementer må være satt på en linje. For at de ikke skal overlappe hverandre, må du gjøre følgende: sett Posisjonsverdien for breddeattributtet til 150px. Sjekk det nå. Alle elementene i listen skal ha samme størrelse.
Trinn 4
Nå må vi prøve å fjerne prikkene foran listeelementene. For å gjøre dette, gå til Liste og sett attributt for listestil –type til ingen.
Trinn 5
Klikk OK for å godta alle endringene.
Trinn 6
For å justere skriftstørrelsen for ul li-stilen, må du gjøre følgende. I Manage Styles, høyreklikk på ul li-stilen du trenger for å velge Modify Style. Den kjente dialogboksen for å legge til eller endre attributter åpnes. Gå til Font-kategorien og sett font-family attributtet til Arial, Helvetica, sans-serif. Gå deretter til font-size attributtet og sett den til 0.9em. Deretter setter du opp tekst-transform-attributtet, setter verdien til den til store bokstaver.
Trinn 7
Høyden på elementene i den opprettede menyen kan justeres i posisjonskategorien. Sett høydeattributtet til 30 px.
Trinn 8
Deretter må du lagre menu.html-filen. For å gjøre dette vil Expression Web åpne vinduet Lagre innebygde filer for å lagre filen. Lagre i drop-down.css-fil. Klikk OK for å lagre.
Trinn 9
Sjekk nå resultatet ditt. For pålitelighet er det bedre å teste det i forskjellige nettlesere. For å sjekke resultatet oppnådd i standardleseren, må du trykke F12-tasten på tastaturet.
