Autor Zpráva
neoen
Profil *
Jde nějak udělat, aby se seznam (ul li) vypsal do jednoho řádku (aneb za sebe)?
Zkoušel jsem to pomocí display:inline, ale neukazují se za žádnou cenu odrážky :-(
Nemáte nějaký příklad?
Díky moc...
Str4wberry
Profil
neoen
float: left a list-style
neoen
Profil *
Zkoušel jsem snad už všechno, ale nic nefunguje, viz jednoduchý příklad:

ul {

}

ul li {
margin-left: 50px;
list-style-type: disc;
display: inline;
}


Seznam (list) se mi sice vypíše do jednoho řádku, ale odrážky se tam prostě nezobrazují, což nechápu. A float na tom bohužel nic nezměnilo...

Díky moc za pomoc...
habendorf
Profil
Osobně bych se s tím netrápil a použil background.
Jamboo
Profil *
použil bych CSS - vlastnost display...viz. jakpsatweb.cz
Dero
Profil
Jamboo: Ano? A jakým způsobem?
Jamboo
Profil *
Dero: http://www.jakpsatweb.cz/css/display.html
Dero
Profil
Jamboo: Děkuji, CSS umím, ale nenapadá mě, jak by mohla tato vlastnost vyřešit tento problém v IE. Pokud to víš, napiš sem kód, v opačném případě se zdrž zavádějících informací.
Dero
Profil
neoen: Taky jsem vyzkoušel pár metod a na stručný kód jsem jednoduché řešení nenašel. Stručným kódem myslím čistý seznam (tedy pouze prvky UL a LI). Jednoduché řešení existuje, pakliže se smíříš s tím, že v seznamu budeš mít pro každou položku jeden sémanticky neutrální prvek navíc. Pak můžeš použít následující konstrukci.

<style type="text/css">

* {
margin: 0;
padding: 0;
}

ul {
list-style-position: inside;
}

li {
float: left;
display: inline;
}

span {
display: list-item;
list-style: bullet;
}

</style>

<ul>
<li><span>test</span>
<li><span>test</span>
<li><span>test</span>
</ul>
habendorf
Profil
Dero

Není lepší ten background?
Dero
Profil
habendorf: Rozhodně je. Zapomněl jsem to tazateli zdůraznit.

neoen: V praxi se používá to, co radí habendorf. Tedy obrázek odrážky na pozadí prvku LI.
neoen
Profil *
habendorf: Background mě nenapadl :-(

Dero: Díky moc za ukázku, vyzkouším...

Každopádně jsem před dotazem hledal, ale nikde jsem žádný vysvětlující článek nenalezl.
A díky všem za rady!
svadla
Profil
a co reseni, kdyz u li jiz mam pro tlacitko jiz nejaky obrazek pouzity? diky

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: