Autor Zpráva
Michalek
Profil
Zdravim, kdyz budu mit seznam
<ul>

<li>prvni polozka</li>
<li>druha polozka</li>
<li>treti polozka</li>
</ul>

lze udelat nasledujici?
Potrebuji kazdou polozku odsadit vuci te predchozi o 10px doprava:

-> prvni polozka
---> druha polozka
-----> treti polozka

Lze to resit pomoci CSS? Napady typu div div div se neprijimaji, to umim taky :-) Zajima me jestli se to da resit nejak "ciste". Vsem predem diky.
Oswald
Profil
Ahoj, urcite to jde, jenom kvůli IE si musí být classy nebo idčka.

Pro normální prohlížeče:

CSS:

li+li{margin-left:10px;}
li+li+li{margin-left:20px;}


HTML:

<ul>
<li>Prvni </li>
<li>Druha </li>
<li>Treti</li>
</ul>


Pro MSIE:

CSS:

#li2{margin-left:10px;}
#li3{margin-left:20px;}


HTML:

<ul>
<li>Prvni </li>
<li id="li2">Druha </li>
<li id="li3">Treti</li>
</ul>
Plaváček
Profil
Každému LI přiradíš class, čili nějak takhle:

<li class="prvni">prvni polozka</li>
<li class="druha">prvni polozka</li>
<li class="treti">prvni polozka</li>

a v CSS si nastavis levy margin (nebo padding, záleží na okolnostech)

li.prvni {
margin-left: 10px;
}
li.druha {
margin-left: 20px;
}
li.treti {
margin-left: 30px;
}

Třeba
Michalek
Profil
Velmi dekuji za Vas cas.
Toto téma je uzamčeno. Odpověď nelze zaslat.