Autor Zpráva
zmizik
Profil *
Zdravím... můj cms mi generuje menu takto:
<ul>
  <li class="menu-item-polozka1">...</li>
  <li class="menu-item-polozka2">...</li>
</ul>

A já bych chtěl jednotlivé položky menu vedle sebe tak, že bude gif ikona a pod tím název položky. Když použijete parametr "list-style-image" tak se gif obrázek oběví jako odrážka a vpravo od něj text... No ale já ty položky právě budu mět v řádku.

Nemáte někdo nějaký nápad jak to udělat?
Str4wberry
Profil
Pokud jsou to položky menu, tedy odkazy, základem je zbavit se seznamu (třeba display: inline pro <li>) a stylovat přímo odkazy (na straně, kde má být obrázek se vytvoří prostor vlastností padding, obrázek se nastaví pomocí backgroundu). Rozmístění odkazů do řádku s možností nastavit padding lze zajistit pomocí display: inline-block nebo obtékání (float).

Ukázka (zdroj)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: