| Autor | Zpráva | ||
|---|---|---|---|
| Morous Profil * |
#1 · Zasláno: 18. 3. 2012, 23:59:12
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 * |
#3 · Zasláno: 19. 3. 2012, 00:28:20
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 * |
#4 · Zasláno: 19. 3. 2012, 00:42:24
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 * |
#5 · Zasláno: 19. 3. 2012, 01:03:28
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 * |
#6 · Zasláno: 19. 3. 2012, 01:31:47
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 * |
#7 · Zasláno: 19. 3. 2012, 01:39:08
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 * |
#8 · Zasláno: 19. 3. 2012, 01:44:02
To: margin
Hm, tak jako vtip fakt vážně dost dobrý ;-) |
||
| joe Profil |
#9 · Zasláno: 19. 3. 2012, 03:21:42
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 * |
#10 · Zasláno: 19. 3. 2012, 10:53:20
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 * |
#11 · Zasláno: 19. 3. 2012, 12:42:51
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 * |
#12 · Zasláno: 20. 3. 2012, 17:15:14
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 * |
#13 · Zasláno: 20. 3. 2012, 17:47:51
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 * |
#14 · Zasláno: 20. 3. 2012, 18:39:49
To: Pokec, problém je bez pouzití floatu v bílích znacích, proto je potreba to udelat pomoci float :(
|
||
| Bubák Profil |
#15 · Zasláno: 20. 3. 2012, 18:45:38
|
||
| Morous Profil * |
#16 · Zasláno: 20. 3. 2012, 18:54:46
Ano, ale není to tak jednoduché, jelikož položky li nemají pevnou ani stejnou šířku :( Pevná je jen šířka ul
|
||
| Morous Profil * |
#17 · Zasláno: 20. 3. 2012, 19:15:49
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 |
#18 · Zasláno: 20. 3. 2012, 19:26:06
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></li> jsou nepovinné, můžeš je vynechat, záleží na tom co je pro tebe přehlednější.
|
||
| Pokec Profil * |
#19 · Zasláno: 21. 3. 2012, 07:56:33
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. |
||
|
Časová prodleva: 11 let
|
|||
0