odsadenie listu (ul, li)

dulius · Napísal **dulius**: 29.08.2008 13:09

zdravim, potrebujem nieco take spravit:

odsadenie listu (ul, li)

ale ked dam vnorene ul do uz existujuceho ul, tak mi to odsadi prilis doprava ... ako by som to poriesil?

odsadenie listu (ul, li)

mozno cez class .. je tam nejaky parameter pre odsadenie ul z lava?

klasicky class vyzera takto

Kód:

#navlist {list-style: circle;} 
#navlist li { 
padding-left: 5px; 
background-position: 0 .5em; 
} 

ale to pading left zmeni len odsadenie textu od znacky a nie tej znacky (stvorec, kruh) zlava ...

stenley · Napísal **stenley**: 29.08.2008 13:16

Kód:

#navlist ul { padding-left:10px; }

pripadne vseobecne

Kód:

ul ul { padding-left:10px; }

jablko05 · Napísal **jablko05**: 29.08.2008 13:50

hmm, ja by som skor povedal ze tomu podriadenemu ul by som dal margin-left: -10px;

stenley · Napísal **stenley**: 29.08.2008 13:59

to mu nepomoze, vyskusaj si to a uvidis...

emer · Napísal **emer**: 29.08.2008 14:14

frankie, nepomoze.. ul ma "prednastaveny" padding, nie margin...

ja by som len dodal, ze ul ul je nevalidne...
skor by som dal

Kód:

ul {list-style: square;} 
ul li { 
padding-left: 5px; 
background-position: 0 .5em; 
}
li.pod{list-style: circle;margin-left: 10px}

<ul>
<li>nebezpecne zlozky komunalneho odpadu<li>
<li class="pod">v obciach a mestach sa realizuje..</li>
<li class="pod">v meste SNV naša spoločnosť...</li>
</ul>

stenley · Napísal **stenley**: 29.08.2008 14:26

odkial si zobral, ze ul ul je nevalidne? ked to uz tvrdis, tak by si mal svoje tvrdenie aspon zdovodnit pripadne niecim podlozit...

emer · Napísal **emer**: 29.08.2008 14:30

aha

ospravedlňujem sa, teraz som to skúšal, a je to validné.

ale minule som robil dačo podobné, a keď som dal ul ul tak mi vyhadzovalo chybu, a keď som to dal do tohto, čo som písal vyššie, tak to bolo validne.. chyba musela byť niekde inde, a mne sa to zafixovalo s ul ul

beriem späť

dulius · Napísal autor témy **dulius**: 29.08.2008 14:45

stenley, mozno nieco robim zle, ale stale mi to nejde tak ako ma, stale je to odsadene daleko ...

prikladam moje css:

Kód:

#navlist ul { padding-left:10px; } //to mam od teba
#navlist {list-style: circle;} 
#navlist li { 
padding-left: 10px; 
background-position: 0 .5em; 
} 

a tu je moj kod v stranke:

Kód:

<ul type="square">
      <li />nebezpečné zložky komunálneho odpadu
      
      <ul id="navlist" > // vnoreny ul
      
      <li />nebezpečné zložky komunálneho odpadu<br /><br />
      <li />nebezpečný odpad z priemyslu<br /><br />
      <li />nebezpečné odpady zo zdravotníckych zariadení
      </ul>
      
      <li />nebezpečný odpad z priemyslu<br /><br />
      <li />nebezpečné odpady zo zdravotníckych zariadení
      </ul>

opakujem: ten vnoreny ul by mal byt odsadeny zlava o tych 10px ... poprosim, vyskusajte to, ako to ide Vam ...

stenley · Napísal **stenley**: 29.08.2008 14:57

#navlist som predpokladal, ze je nadradeny zoznam, ale nevadi... takze, aby som to uviedol na pravu mieru:
CSS:

Kód:

ul { list-style:square; }
ul ul { list-style:circle; padding-left:10px; }

HTML:

Kód:

<ul>
   <li>nebezpečné zložky komunálneho odpadu
      <ul>
         <li>nebezpečné zložky komunálneho odpadu</li>
         <li>nebezpečný odpad z priemyslu</li>
         <li>ebezpečné odpady zo zdravotníckych zariadení</li>
      </ul>
    </li>
    <li>nebezpečný odpad z priemyslu</li>
    <li>nebezpečné odpady zo zdravotníckych zariadení</li>
</ul>

kaidžas · Napísal **kaidžas**: 29.08.2008 15:20

Skus si radsej nastavit margin-left aj pri <ul> aj pri <li>

dulius · Napísal autor témy **dulius**: 29.08.2008 15:32

stenley: no, v Opere a Mozille to je OK, IE stale mi to odsadi dalej. Tak to asi nie je ok ...

prikladam moj cely jednoduchy priklad:

Kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
   <title>Untitled</title>
   
   <style type="text/css" media="screen"> 
ul { list-style:square; } 
ul ul { list-style:circle; padding-left:10px; } 
</style>
</head>

<body>

<ul> 
   <li>nebezpečné zložky komunálneho odpadu 
      <ul> 
         <li>nebezpečné zložky komunálneho odpadu</li> 
         <li>nebezpečný odpad z priemyslu</li> 
         <li>ebezpečné odpady zo zdravotníckych zariadení</li> 
      </ul> 
    </li> 
    <li>nebezpečný odpad z priemyslu</li> 
    <li>nebezpečné odpady zo zdravotníckych zariadení</li> 
</ul>



</body>
</html>

vysledok IE:

odsadenie listu (ul, li)

vysledok napr Mozilla:

odsadenie listu (ul, li)

stenley · Napísal **stenley**: 01.09.2008 8:58

v IE som to netestoval, ale tam ti staci nastavit margin-left na 0, cize css bude vypadat takto:

Kód:

ul { list-style:square; } 
ul ul { list-style:circle; padding-left:10px; margin-left:0; }

dulius · Napísal autor témy **dulius**: 01.09.2008 12:32

dakujem

odsadenie listu (ul, li)

Podobné témy