Seznam s obrázky jako odrážkami
Toto řešení ukazuje, jak vytvořit seznam s obrázky šipek nebo jiných prvků místo klasických textových bodů seznamu. Využití je možné například ke zlepšení designu klasických seznamů na Vašich stránkách. Jedná se o jednoduché řešení.
Pro správnou funkci si vytvořte obrázek podobný tomuto. Zde si můžete prohlédnout výsledek.
Toto řešení publikovala Kathy Marks. Popis najdete v článku CSS and Images: A Beginner’s Cheat Sheet.
CSS
.navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}
.navlist li
{
padding-left: 10px;
background: url(li.gif) no-repeat 0 4px;
color:#bc1111
}
XHTML
<html>
<body>
<p>Seznam s obrázky jako odrážkami</p>
<ul class=“navlist“>
<li>Bod 1</li>
<li>Bod 2</li>
</ul>
</body>
</html>
Předchozí článek
Scrollbar vlevo
Další článek
CSS úprava pro tisk
Mohlo by vás také zajímat
-
inPage AI: Revoluční nástroj pro tvorbu webů
3. července 2024 -
Certifikáty Entrust ztratí důvěru Google Chrome
8. července 2024 -
Nové AI modely od Open AI a Google
22. května 2024 -
Nejnovější
-
Jak rozšířit úložiště Macu za pětinovou cenu?
16. prosince 2024 -
Nové trendy v doménách pro osobní projekty – DIY, LIVING a LIFESTYLE
9. prosince 2024 -
Jak chránit webové stránky před Web/AI Scrapingem
27. listopadu 2024 -
Jaký monitor je nejlepší k novému Macu Mini?
25. listopadu 2024