odsadenie listu (ul, li)

dulius · Napísal **dulius**: 29.08.2008 13:09 | odsadenie listu (ul, li)

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 | odsadenie listu (ul, li)

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 | odsadenie listu (ul, li)

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 | odsadenie listu (ul, li)

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

emer · Napísal **emer**: 29.08.2008 14:14 | odsadenie listu (ul, li)

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 | odsadenie listu (ul, li)

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 | odsadenie listu (ul, li)

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 | odsadenie listu (ul, li)

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 | odsadenie listu (ul, li)

#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 | odsadenie listu (ul, li)

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

dulius · Napísal autor témy **dulius**: 29.08.2008 15:32 | odsadenie listu (ul, li)

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 | odsadenie listu (ul, li)

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 | odsadenie listu (ul, li)

dakujem

odsadenie listu (ul, li)

odsadenie listu (ul, li)

Podobné témy

div object a ul - li

<ul> <li> nemam odrazky

Li-Poly vs Li-ion

odsadenie tabulky v css

Upravovat hornu listu

Youtube na listu Google?

Hodnotenia hore na listu

Vytvorenie zahnuteho rohu stranky/listu

horizontalne ul menu

thickbox v ul zozname

Ako vycentrovat ul menu

Pomozte:Ako odstranit spodnu listu vo firefoxe?

MS ziskal patent na listu v prehliadaci

Problem s vnorenim <ul>

Travian-Aliancia UL - Underground Liberation hladám členo

Ako prinútim ul v menu, aby mali id, alebo classu?