| Autor | Zpráva | ||
|---|---|---|---|
| Suta Profil |
#1 · Zasláno: 23. 6. 2009, 11:47:58 · Upravil/a: Suta
Dokázal by mi někdo poradit, jak odstranit mezery mezi jednotlivými položkami li seznamu ul, tedy aby byly jednotlivé položky na sebe těsně nalepeny?
Jedná se o tento kód: <style>
ul {
margin: 0; padding: 0;
}
li {
display: inline;
margin: 0; padding: 0;
list-style-type: none;
border: 1px solid red;
}
</style>
<ul>
<li>Lorem ipsum</li>
<li>Dolor sit amet</li>
<li>Consectetuer</li>
<li>Quisque dui</li>
</ul>Po odstranění striktního doctype mezery zmizí, nicméně nejsem zastáncem stránek bez jeho uvedení... Díky za pomoc. Ukázka problému: http://petrzavicak.cz/ukazky_problemu/ukazka_1.html |
||
| Plaváček Profil |
#2 · Zasláno: 23. 6. 2009, 11:51:28
Suta
Zkus je nechat plavat (float:left) |
||
| Suta Profil |
#3 · Zasláno: 23. 6. 2009, 12:07:49
Plaváček
Děkuji, pomohlo. |
||
| Suta Profil |
#4 · Zasláno: 23. 6. 2009, 13:18:27 · Upravil/a: Suta
Prosím o radu ještě s jedním problémem týkajícím se seznamu ul.
Mám-li v jedné položce li, která má nastavenu relativní pozici další vnořený seznam, který má pozici absolutní (je tedy posouván vzhledem k levému hornímu okraji rodiče, pak se jeho šířka (vnořeného seznamu) odvozuje od šířky rodiče. Tady však zaprvé nevím proč se tak děje, a za druhé to bohužel nepotřebuji, jelikož dojde k zalomení slov, viz ukázka. Pokud u vnořeného seznamu odstraním styl position: absolute, pak k zalomení nedochází a šířka seznamu je pak správně vůči šířce jeho obsahu (slov, atd.). Ještě doplním, že tento princip využívám ve vysouvacím menu, kde je menu strukturováno pomocí vnořených seznamů a jednotlivé části (tedy submenu tvořené položkami li) skrývám či naopak zobrazuji na základě výběru uživatele. Jak tedy docílit nezalomování slov (děje se tak na základě prázdných mezer, pokud místo klasické mezery přidám nedělitelnou ( ), pak k zalomení nedojde a text se "správně" roztáhne). http://petrzavicak.cz/ukazky_problemu/ukazka_2.html Ještě přidám obrázek. 
|
||
| swah Profil |
#5 · Zasláno: 23. 6. 2009, 15:27:13
li ul {} nastavte navíc nějakou šířku, pozice seznamu ul mimo li je pouze "optická", proto je ul ovlivněn šířkou nadřazeného li
|
||
| Suta Profil |
#6 · Zasláno: 23. 6. 2009, 15:45:41 · Upravil/a: Suta
swah
„li ul {} nastavte navíc nějakou šířku“ Tomu samozřejmě rozumím, nicméně v mém případě je to přesně to, co udělat nemůžu. Představte si modře orámovanou položku jako tlačítko menu a červeně orámovanou položku jako vnořené (<ul>) submenu, přičemž bude ono vnořené submenu v optimálním případě obsahovat více položek pod sebou a každá položka bude různě dlouhá ("delší", než text nadřazené (rodičovské) položky menu). Takže nevím, zda-li na to jdu špatně principově a mám to celé předělat (trápil jsem se s tím několik dnů, učím se na tom...), nebo existuje-li nějaké řešení pro to, co potřebuji. |
||
| Chamurappi Profil |
#7 · Zasláno: 23. 6. 2009, 15:55:16
|
||
| Suta Profil |
#8 · Zasláno: 23. 6. 2009, 16:17:39
Chamurappi
Mockrát díky! |
||
|
Časová prodleva: 15 let
|
|||
0