Autor Zpráva
Michalek
Profil
#1 · Zasláno: 2. 3. 2005, 14:38:12 · Upravil/a: Michalek
Odpovědět Citovat
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
#2 · Zasláno: 2. 3. 2005, 15:09:09
Odpovědět Citovat
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
#3 · Zasláno: 2. 3. 2005, 15:10:45
Odpovědět Citovat
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
#4 · Zasláno: 2. 3. 2005, 20:07:59
Odpovědět Citovat
Velmi dekuji za Vas cas.
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0