Kuidas luua navigeerimisriba

Navigeerimisribad

Navigeerimisribad on iga veebisaidi väga oluline element. Need pakuvad peamist navigeerimismeetodit, pakkudes kasutajale linkide põhiloendit. Navigeerimisriba loomiseks on palju meetodeid. Lihtsaim viis navigeerimisriba loomiseks on kasutada järjestamata loendit ja kujundada see CSS-iga.

Navigeerimisribad koosnevad enamasti

    horisontaalselt paigutatud ja kujundatud loendid.

    Navigeerimisribade kujundamisel eemaldatakse tavaliselt

      ja
    • sildid ja automaatselt lisatavad täpppunktid:

       list-style-type: none; margin: 0px; padding: 0px;

      Näide:

      Mis tahes navigeerimisel on kaks osa: HTML ja CSS. See on vaid kiire näide.

      
             
      • Home
      • About
      • Contact
      /* Define the main Navigation block */ .myNav { display: block; height: 50px; line-height: 50px; background-color: #333; } /* Remove bullets, margin and padding */ .myNav ul { list-style: none; padding: 0; margin: 0; } .myNav li { float: left; /* Or you can use display: inline; */ } /* Define the block styling for the links */ .myNav li a { display: inline-block; text-align: center; padding: 14px 16px; } /* This is optional, however if you want to display the active link differently apply a background to it */ .myNav li a.active { background-color: #3786E1; }