| Autor | Zpráva | ||
|---|---|---|---|
| E_T Profil |
#1 · Zasláno: 12. 2. 2005, 13:45:41
cest vasi praci! :)
dostal jsem se trosku do prekerky: chci udelat dvouurovnove menu menu ve smyslu: <ul class neco> <li class to neco>prvni poloyka v menu <ul class neco jinyho> <li class to neco jinyho>polozka1</li> li class to neco jinyho>polozka2</li> </ul></li> </ul> tj. priradit obrayek k hlavnimu LI a ne k subsekcim - mam kod: .menu.ul total {margin:4px 5px; padding:0; padding-left: 3px;} .menu.li total {list-style-image: url("http://www.portalstm.cz/stm-small.gif"); line-height:1.6; margin:0; padding:0; padding-left: 3pt;} .menu.ul recall {margin:4px 15px; padding:0; padding-left: 3px;} .menu.li recall {list-style-type: none; line-height:1.6; margin:0; padding:0; padding-left: 3pt;} a html mam spravne - nejspis chyba v css - a asi nejaka blbost... cely to relativne dost hori... tak kdybyste vedeli dix moc predem.... e.t. ICQ: 171640016 |
||
| Leo Profil |
#2 · Zasláno: 12. 2. 2005, 15:37:13
no a co treba proste
ul {list-style-image: url...} ul ul {list-style: none} nebeha? Leo |
||
| Yuhů Profil |
#3 · Zasláno: 13. 2. 2005, 07:32:41
z dotazu jsem nepochopil, co je špatně. Jinak řečeno v dotazu mi chybí otazník.
|
||
|
Časová prodleva: 24 dní
|
|||
| E_T Profil |
#4 · Zasláno: 9. 3. 2005, 12:53:25
Pardon skolila mně chřipka:(
udělal jsem malý příklad: http://www.mimozemstan.com/ul.html Otázka spočívá v tom, jak zařídit, aby se obrázek u LI objevoval pouze u hlavního odkazu a ne u pododkazů (další vnořené UL)? To Leo zkoušel jsem - bohužel nejede... diky E_T |
||
| Fred Profil |
#5 · Zasláno: 9. 3. 2005, 13:17:47
Zajímavý tohle mi funguje ve Firefoxu
.menu {float: left; width: 210px; margin:10px; text-align:left; vertical-align: top;} .menu ul {margin:10px; padding:10px;} .menu ul li { line-height:1.6; margin:0; padding:0;list-style-image: url("http://www.portalstm.cz/stm-small.gif");} .menu ul ul {line-height:1.6; margin:0; padding:10px; list-style-type:none;} .menu ul ul li {margin:14px 5px; padding:0; padding-left: 3px; list-style-image:none;} .menu div {border: 1px solid #444;} .hlavni_text {margin: 0pt; padding:10pt; border-left: 210px solid; border-color: #cae3f0;} |
||
| Plaváček Profil |
#6 · Zasláno: 9. 3. 2005, 13:21:07
ul li ul li {
background: none; } třeba |
||
| Plaváček Profil |
#7 · Zasláno: 9. 3. 2005, 13:22:05
aha... ty to máš jako list-style-image, to jsem přehlédl. Fak ale je, že je jednodušší nastavit LI background a text odsadit levým paddingem. Ušetříš si spoustu starostí a všude to bude vypadat stejně.
|
||
| Fred Profil |
#8 · Zasláno: 9. 3. 2005, 13:25:16
Tohle, ale fungovalo, viz výše
ul li {list-style-image: url("http://www.portalstm.cz/stm-small.gif");} ul ul {list-style-type:none;} ul ul li {list-style-image:none;} |
||
| Leo Profil |
#9 · Zasláno: 9. 3. 2005, 13:39:53
"že je jednodušší nastavit LI background a text odsadit levým paddingem. Ušetříš si spoustu starostí a všude to bude vypadat stejně."
Krome prohlizecu, kde se levy padding zapocita do celkove sirky, ne? Leo |
||
| Plaváček Profil |
#10 · Zasláno: 9. 3. 2005, 13:56:45
Pak použíješ kontextový selektor, v tom bych problém neviděl.
|
||
| Leo Profil |
#11 · Zasláno: 9. 3. 2005, 14:09:52
"Pak použíješ kontextový selektor, v tom bych problém neviděl."
Pokud je mnozina prohlizecu, ktere maji problem s boxmodelem a mnozina prohlizecu, ktere se daji obejit kontextovym selektorem stejna, tak jo, Leo |
||
| Plaváček Profil |
#12 · Zasláno: 9. 3. 2005, 14:25:25
Ŕekněme, že je to standardní, ověřený a navíc validní postup, žádné vážné problémy jsem zatím nezaznamenal.
|
||
| Plaváček Profil |
#13 · Zasláno: 9. 3. 2005, 14:26:28
Ale pokud máš obavy, vždycky existuje elegantní Pixyho matrjoška.
|
||
| E_T Profil |
#14 · Zasláno: 10. 3. 2005, 12:05:08
Tak díky moc nakonec jsem zvolil řešení via background - vše ok samozřejmě jsem hned narazil na další problém ale budu se s tím ještě chvíli prát sám - dík ještě raz!
|
||
| E_T Profil |
#15 · Zasláno: 12. 3. 2005, 08:35:41
Dobre jitro,
zapracoval jsem jeste na jednom aspektu navrhu, který jsem dostal - malý svislý obdélníček na levém kraji u hlavních odkazů: http://www.mimozemstan.com/ul.html řešil jsem to levým borderem. Zda se že to funguje (barvy samozřejmě budou jiné) jen to řešení se mi zdá dost krkolomné co se týče html kódu - každý hlavní odkaz je v samostatném UL s jediným LI - na druhou stranu jiné řešení mi přijde zase krkolomné na CSS kód - patrně bych musel zapracovat ještě jedno zastřešující UL: Takže otázka zní: je to takto postačující nebo úplná blbost? díky |
||
| Fred Profil |
#16 · Zasláno: 12. 3. 2005, 10:09:43 · Upravil/a: Fred
Možná to bude rouhání, ale použil bych v tomhle případě asi definition list. Ale bývají o tom dost spory, jestli je to sémanticky správně, nebo ne. V podstatě tohle http://css.alsacreations.com/modelesmenus/vd1.htm (bez toho js) myslím
<dl> <dt>Hlavní odkaz</dt> <dd> <ul> <li><a href="#">Pododkaz 1</a></li> <li><a href="#">Pododkaz 2</a></li> <li><a href="#">Pododkaz 3</a></li> <li><a href="#">Pododkaz 4</a></li> <li><a href="#">Pododkaz 5</a></li> </ul> </dd> <dt>Hlavní odkaz 2</dt> <dd> <ul> <li><a href="#">Pododkaz</a></li> <li><a href="#">Pododkaz</a></li> <li><a href="#">Pododkaz</a></li> </ul> </dd> </dl> |
||
| Plaváček Profil |
#17 · Zasláno: 12. 3. 2005, 10:23:51
Je to rouhání, protože navigace webem není seznam definici, ale ze své podstaty obyčejný normální netajuplný seznam, čili přehled odkazů. Nic víc. Problém tazatele je v tom, že ještě příliš nepronikl do tajů CSS a těžko se najde někdo, kdo mu navigaci vymyslí za něj. Doporučuji začít třeba na na Intervalu .
|
||
| Fred Profil |
#18 · Zasláno: 12. 3. 2005, 11:19:34
Asi jo, ale panují v tom nejasnosti, když si přečtu komentáře tady http://www.simplebits.com/notebook/2003/09/05/simplequiz_part_iii_head ing_and_list.html#comments tak z toho nejsem moc moudrý, ale to už je OT, už se nebudu rouhat ;-)
|
||
| E_T Profil |
#19 · Zasláno: 14. 3. 2005, 08:18:35
to Plavacek: "Problém tazatele je v tom, že ještě příliš nepronikl do tajů CSS"
ano to je uplna pravda... ostatne nepronikam dostatecne dlouhou dobu - diky za nasmerovani a vubec vsem za rady a straveny cas.... |
||
|
Časová prodleva: 19 let
|
|||
Toto téma je uzamčeno. Odpověď nelze zaslat.
0