S pomočjo kompetentne kode HTML in preprostih pravil CSS lahko ustvarite pojavni meni, ga dopolnite in spremenite. Z uporabo kaskadnih tabel in orodij za označevalni jezik lahko zagotovite, da sam meni pravilno deluje v vseh brskalnikih.
Navodila
Korak 1
Najprej se držite osnovne vrstice menija. Ustvarite poseben oštevilčen seznam s podmenijem v urejevalniku besedil. Običajno se za te namene uporablja "Notepad". Podmeni deluje kot element nadrejenega seznama. Na primer: First ElementFlood ElementFlood Element2Field Element3Field Element4Field Element5
2. korak
Shranite ta seznam v ločeno datoteko html. Nato ustvarite datoteko.css. Vnesite vse zahtevane parametre slogovnega lista. Naredite to zelo previdno, ker je prišlo do ene napake in pojavni meni se ne bo prikazal pravilno ali pa sploh ne bo deloval.
3. korak
Odstranite vse oznake in obloge, uporabljene na seznamu oznak. Širino menija nastavite z orodji CSS: ul -style: none; width: 200px; }
4. korak
Označite relativni položaj vseh elementov na seznamu z atributom, imenovanim position: ul li: relative; }
5. korak
Nato uredite podmeni, katerega elementi se bodo pojavili v nadrejenem meniju na desni, ko je miškin kazalec nad elementom: li ul: absolute; levo: 199px; top: 0; display: none; }
6. korak
Levi atribut je en slikovni pik manjši od širine samega menija. To omogoča pravilno postavitev pojavnih elementov brez ustvarjanja dvojnih obrob. Atribut zaslona se uporablja za skrivanje podmenija pri odpiranju strani.
7. korak
Povezave po potrebi oblikujte z ustreznimi možnostmi css. Vključite parameter display: block, tako da povezave zasedejo ves prostor, rezerviran zanje. Če želite, da se meni prikaže, ko nad njim lebdi miškin kazalec, vnesite naslednjo kodo: li: hover ul: block; }
8. korak
Po želji nastavite dodatne možnosti za prikaz elementov seznama in povezav. V datoteko.html vključite atribut. Pojavni meni je pripravljen za uporabo.
