Menuoprettelse er sandsynligvis et af hovedpunkterne i udviklingen af websteder og programmer. Derudover er en god udarbejdelse og logisk design af en sådan menu ansigtet på et websted eller ethvert program. Lad os f.eks. Tage Microsoft og operativsystemet Windows 7. Efter frigivelsen af Windows 7 hørte Microsoft en masse kritik, der ikke var smigrende for sig selv. Der har været mange kritikpunkter, men ofte placerede menupunkter ubelejligt. Læs denne vejledning om, hvordan du opretter en vandret rullemenu med CSS og Expression Web. Tagstilarter ændres for at oprette menuen
Instruktioner
Trin 1
Gå til Manage Styles, og klik derefter på knappen New Style. Giv navnet Selector ul li til den nye stil, du lige har oprettet. Husk også at sikre dig, at den nye stil skal defineres i drop-down.css-filen.
Trin 2
For at strække en vandret menu skal du fortælle menupunkterne, at den vil være vandret. Dernæst skal du bestemme bredden på hvert menupunkt og fjerne alle unødvendige prikker foran alle listeelementer.
Trin 3
For vandret justering skal du gå til Layout og indstille displayattributten til inline. Sæt float-attributten til venstre. Klik på knappen Anvend. Alle listeelementer skal indstilles på en linje. For at de ikke skal overlappe hinanden, skal du gøre følgende: indstil placeringsværdien for attributten bredde til 150 pixel. Tjek det nu. Alle elementer på listen skal have samme størrelse.
Trin 4
Nu skal vi prøve at fjerne prikkerne foran listeelementerne. For at gøre dette skal du gå til Liste og indstille attributten liste-stil –type til ingen.
Trin 5
Klik på OK for at acceptere alle ændringer.
Trin 6
For at justere skriftstørrelsen til ul li-stilen skal du gøre følgende. I Manage Styles skal du højreklikke på den ul li-stil, du har brug for, for at vælge Modify Style. Den velkendte dialogboks til tilføjelse eller ændring af attributter åbnes. Gå til kategorien Font, og indstil attributten font-family til Arial, Helvetica, sans-serif. Gå derefter til fontstørrelsesattributten og indstil den til 0.9em. Derefter skal du oprette attributten teksttransform, indstille værdien for den til store bogstaver.
Trin 7
Højden på elementerne i den oprettede menu kan justeres i positionskategorien. Sæt højdeattributten til 30 pixel.
Trin 8
Dernæst skal du gemme menu.html-filen. For at gøre dette åbner Expression Web det ønskede vindue Gem indlejrede filer for at gemme filen. Gem i drop-down.css-fil. Klik på OK for at gemme.
Trin 9
Tjek nu dit resultat. For pålidelighed er det bedre at teste det i forskellige browsere. For at kontrollere det opnåede resultat i standardbrowseren skal du trykke på F12-tasten på tastaturet.
