Kako izraditi navigacijsku traku

Navigacijske trake

Navigacijske trake vrlo su važan element bilo kojeg web mjesta. Oni pružaju glavnu metodu navigacije pružajući glavni popis veza do korisnika. Postoji mnogo metoda za stvaranje navigacijske trake. Najlakši način za stvaranje navigacijske trake je upotreba nesređenog popisa i njegovo oblikovanje s CSS-om.

Navigacijske trake uglavnom se sastoje od

    popisi koji su vodoravno poredani i stilizirani.

    Tijekom oblikovanja navigacijskih traka uobičajeno je ukloniti dodatne razmake koje je stvorio

      i
    • kao i oznake koje se automatski ubacuju:

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

      Primjer:

      Postoje dva dijela bilo koje navigacije: HTML i CSS. Ovo je samo brzi primjer.

      
             
      • 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; }