HTML koda za navpični spustni meni

Ustvarjanje tabele

Če želite, da se v meniju nahaja samostojna datoteka HTML, morate narediti presledek med oznakami in kam bo šla koda CSS. V svojo datoteko zapišite naslednje.

Prostor med tema dvema nalepkama je vaš slog. Če uporabljate ločeno datoteko CSS, dodajte naslednje med oznakami "head" nekje naslednje:

Nato ustvarite datoteko, imenovano "style.css", ki bo vaš slog. Hranite slog slog v istem imeniku kot glavna datoteka HTML.

Ustvarjanje menija

Ustvariti morate nalepko, ki vsebuje meni, da se lahko v njih vklopite. Na svojo stran HTML dodajte naslednje na mestu, kjer želite odpreti meni:

Nato morate določiti delilnik menijev. V slogovni slog dodajte to kodo:

meni {

širina: 200px; }

Temu vnosu dodajte kateri koli drug slog CSS, ki ga želite deliti; na primer barva ozadja, obrobe ali drugačna velikost.

Oznaka HTML

Dodajte kodo v meni. V meniju se bo zmeden seznam:

    . Med nalepkami svojega menija dodajte naslednjo kodo.

    • Postavka v meniju 1
      • Podmeni pod 1. točko
      • 2. podmeni

    Upoštevajte, da so nalepke

      med podmeniji so med nalepkami
    • in
    • za "Element menija 1". To iskalnemu iskalniku pove, da je pod tem menijem podmeni. Prilagodite zgornjo kodo tako, da predstavlja svoj meni, tako da dodate svoje URL-je in dodatne podmenije, če je potrebno

      CSS slog

      Na tej točki se prikaže meni, vedno pa se prikaže podmeni. Za skrivanje in razkrivanje podmenija uporabite atribut "display". V slogan dodajte naslednje:

      meni li {položaj: relativno;}

      meni ul ul {

      položaj: absolutni; vrh: 0; levo: 100%; širina: 100px; } div # menu ul {{display: none;} div # menu ul li: hover ul {display: block;}

      Shranite vse datoteke. Vaš spustni meni je pripravljen.

      Reference

      • Tanfa.si: Vodič za pojavne menije CSS

      Več člankov

      • Kako narediti vodoravni spustni meni v HTML
      • HTML koda za drevesni meni
      • Kako naj vaše spletno mesto ustreza različnim velikostim zaslona
      • Kako napotiti datoteko CSS iz JSP
      • Kako spremeniti barvo ozadja v menijski vrstici Spry
      • Kako narediti stolpce v programu WordPad
      • Kako ustvariti zaznamke v datoteki PDF (Acrobat)

Zanimivi Članki