Autor Zpráva
Morous
Profil *
Problém v css s display: inline; display: inline-block; atd.. Jedná se o to, že pokud mám seznam ul li tak to je v jedné řadě ale není to u sebe i když mám nastaveno pro li margin a panding 0, neporadí někdo jak to dostat k sobě bez pomocí float? Děkuji
TomasJ
Profil
Morous:
Nebyla by živá ukázka?
margin
Profil *
Morous:
mám nastaveno pro li margin a panding 0
Co to je "panding"?
Výchozí margin i padding položek odkazů je nulový, takže jsi ho resetoval zbytečně.
Pro úplnost, výchozí odsazení mají seznamy UL i OL.

jak to dostat k sobě bez pomocí float?
display: table-cell; ale to neznají starší Explorery.
Nebo odstranit, případně zakomentovat v kódu bílé znaky mezi tagy.

Standardním řešením je float, co se ti na něm nelíbí, že ho nechceš použít?
Morous
Profil *
To: Morous
To fakt nemám

To: Margin
pading je od slova padding akorát v rychlejším tempu :)

pokud v kodu oddělám na konci každého řádku ."\n" čili <li>foo</li>'."\n"; tak tam mezery nejsou..

float je úplně k ničemu akorát to rozhází celou stránku a navíc musíš psát kód jako opičák opačně aby mělo co obtékat, otřes, hnus nechápu kdo to vymyslel :)
margin
Profil *
Morous:
akorát to rozhází celou stránku a navíc musíš psát kód jako opičák opačně aby mělo co obtékat
Nemám nic rozhozeného a ani naopak jsem nic nepsal.
http://teststranek.kvalitne.cz/menu6/
http://teststranek.kvalitne.cz/menu7/
Morous
Profil *
Jo? tak schválně ;)

Mám html kód

<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ul>

a potrebuji to dostat na jeden řádek a všechno v pravo a první položku (a) vlevo. ul má pevnou šířku ;)

Přikládám obrázek: http://imgshare.ic.cz/soubory/aaa.jpg

Ale stejně si myslím, že se ti to nepodaří bez toho aby jsi to nenapsal opačně, čili asi takto.. ;)


<ul>
<li>d</li>
<li>c</li>
<li>b</li>
<li>a</li>
</ul>
margin
Profil *
Vyjdu z http://teststranek.kvalitne.cz/menu6/
Stačí změnit jeden řádek:
ul    {
    width: 600px;
    margin: 0 0 0 auto; 
    padding: 0;
    background: #ff0;
}
Morous
Profil *
To: margin
Hm, tak jako vtip fakt vážně dost dobrý ;-)
joe
Profil
Jde to vyřešit i bez floatování s tím inline-block

ul {
    letter-spacing: -4px;
    word-spacing: -4px;
}

/* Pro starsi IE prohlizece */
ul li {
    /* imituje inline-block pomoci hasLayout zapnutym pres zoom: 1; */
    display: inline;
    zoom: 1;
}

/* Pro novejsi (co zvladaji inline-block) */
ul li {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
}
Morous
Profil *
Ano, jsou dvě možnosti, použít záporné hodnoty nebo psát položky v seznamu opačně... Margin mě opravdu pobavil, "Stačí změnit jeden řádek " :-D Tak aspoň ze sebe udělal blbce.. když ho chtěl udělat ze mě. ;)
margin
Profil *
Morous:
Margin mě opravdu pobavil, "Stačí změnit jeden řádek " :-D Tak aspoň ze sebe udělal blbce.. když ho chtěl udělat ze mě. ;)

Pro méně chápavé živá ukázka, že opravdu stačí v odkázaném menu změnit zvýrazněný řádek a menu je vpravo, aniž bych psal položky opačně:
http://fiddle.jshell.net/8zswZ/show/
Morous
Profil *
To: margin

Díval ses apoň na ten obrázek co jsem poslal? Asi ne když posíláš odkaz na něco jiného a pořád se mě snažíš přesvědčit, že to jde, ale důkaz žádny :(
Pokec
Profil *
Morous:
A co vzít starou dobrou vlastnost text-align: right; tu použít na celý seznam. Položkám li dát display: inline-block; a všechno co budu chtít mít vlevo bude mít float: left? ...
Dovolil sem si upravit kód od margina, tak se snad nebude zlobit. :)
http://jsfiddle.net/fbMYk/2/show/
Morous
Profil *
To: Pokec, problém je bez pouzití floatu v bílích znacích, proto je potreba to udelat pomoci float :(
Bubák
Profil
Morous:
Chápu dobře, že neumíš přidat mezeru?
http://fiddle.jshell.net/PyzHs/show/
Morous
Profil *
Ano, ale není to tak jednoduché, jelikož položky li nemají pevnou ani stejnou šířku :( Pevná je jen šířka ul
Morous
Profil *
Je ciste pouzití ul v ul? Takto?

<ul>
<ul>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
<li>111</li>
<li>222</li>
<li>333</li>
</ul>
Bubák
Profil
Není, korektní je to takto:
<ul>
    <li>aaa</li>
    <li>bbb</li>
    <li>ccc<ul>
            <li>111</li>
            <li>222</li>
            <li>333</li>
        </ul>
    </li>
</ul>
Koncové značky </li> jsou nepovinné, můžeš je vynechat, záleží na tom co je pro tebe přehlednější.
Pokec
Profil *
Morous:
To: Pokec, problém je bez pouzití floatu v bílích znacích, proto je potreba to udelat pomoci float :(

Ano, problém to je, ale nijak neřešitelný si myslím. Prostě bílé znaky odstaníš nebo zakomentuješ. Popravdě ani nechápu, proč ti float:right tolik vadí. Položky se sice seřadí v opačném pořadí, ale to menu stejně buď vkládáš jen jednou nebo ho generuješ nějakým skriptem. V obou případech asi nebude tak pracné se float:right přizpůsobit.

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: