Et af de vigtigste aspekter i software- og webstedsudvikling er oprettelse af menu. Microsoft og dets mest berømte hjernebarn, Windows-operativsystemet, bør tages som et godt eksempel. På trods af at dette produkt bruges af det overvældende flertal af pc-brugere i verden, falder kritikken ikke kun ikke, men vokser konstant. Dybest set drejer det sig om ulejligheden ved placeringen af menupunkter. Følgende er en beskrivelse af, hvordan man opretter menuer i CSS og Expression Web.
Instruktioner
Trin 1
For at begynde at oprette en vandret menu skal du gå til Manage Style og derefter klikke på knappen New Style. Navngiv den nye stil Selector ul li. Vigtig! Sørg for, at den genererede fil har drop-down.css-udvidelsen. For at oprette en vandret menu skal du angive over for det oprettede element, at det vil være nøjagtigt vandret. Dernæst skal du bestemme bredden på hvert menupunkt og fjerne alle unødvendige punkter placeret foran alle elementerne på listen.
Trin 2
Gå til Layout-indstillingen, indstil Display-attributten til Inline for at udføre vandret justering. Derefter skal du indstille den venstre værdi til Float-attributten og klikke på knappen Anvend. Indstil alle listeelementer til en linje. Så de placeres pænt og ikke kravler oven på hinanden, i attributten Bredde skal du indstille placeringsværdien til 150 px. Kontroller, at alle elementerne på listen har samme størrelse. Fjern derefter prikkerne foran alle elementer - for dette skal du gå til attributten Liste og indstille parameteren Ingen i elementet List Style. Klik på OK for at acceptere og anvende alle ændringer.
Trin 3
Juster skriftstørrelsen og stilen for ul li. For at gøre dette skal du gå til Manage Styles og højreklikke på ul li og derefter vælge Modify Style. Den velkendte dialogboks vises. Gå til Font, vælg Font-family-attributten og indstil den til Sans-serif, Arial, Helvetica. Dernæst skal du justere skriftstørrelsen ved at indstille den til 0, 9. Derefter skal du indstille attributten Teksttransform til Store bogstaver. Juster højden på menupunkterne i attributten Højde - Position, og indstil værdien til 30 px.
Trin 4
Når du har udført alle korrigerende handlinger, skal du gemme filen som menu.html. Test derefter den oprettede menu i forskellige browsere for at sikre, at den fungerer korrekt. Som du kan se, er designen af den vandrette menu ret enkel.
