Kako stvoriti popis meta bez metaka u HTML-u



U nekim ćete situacijama možda trebati stvoriti popis oznaka bez metaka ili stavke popisa bez znakova. Da biste stvorili poredani popis ili neuređeni popis bez nabrajanja, slijedite korake u nastavku.

Primjer HTML-a

Dodavanje CSS klase 'list-style: none' na neuređeni popis (

    ) ili poredani popis (
      ) uklanja bilo koji metak ili broj.

      • List item with no bullet
      • Second item

      HTML s primjerom CSS-a

      Iako gornji primjer djeluje u gotovo svakoj situaciji, bolje je imati CSS u zasebnoj, vanjskoj datoteci. Ispod je CSS i HTML koji uklanja oznake.

      Korištenje CSS-a u nastavku uklanja oznake sa svih neuređenih veza (

        ). Ovaj CSS može biti koristan ako nemate namjeru koristiti metke ili želite koristiti sliku umjesto metka.

         ul { list-style-type: none; } 

        Ako namjeravate imati samo jedan popis, a ne metke ili brojeve, bolja je ideja stvoriti klasu koja će se koristiti kad god ne želite metke:

         .nobull { list-style-type: none; } 

        U gornjem CSS-u novi razred pod nazivom 'nobull' je stvoren. Ovu se klasu tada može koristiti kad god ne želite metak, kao što je prikazano u donjem primjeru.

        • List item with no bullet
        • Second item
        Savjet



        Ovu biste klasu mogli primijeniti i na bilo koju stavku popisa (

      • ) za uklanjanje metaka iz nekih, dok su ostali metci ostali nepromijenjeni.

        Primjer rezultata

        Ispod je primjer kako se izlaz za neuređeni popis metaka pojavljuje bez njegovih metaka.

        • Stavka na popisu bez oznake
        • Druga stavka