Autor Zpráva
E_T
Profil
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
no a co treba proste

ul {list-style-image: url...}
ul ul {list-style: none}

nebeha? Leo
Yuhů
Profil
z dotazu jsem nepochopil, co je špatně. Jinak řečeno v dotazu mi chybí otazník.
E_T
Profil
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
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
ul li ul li {
background: none;
}

třeba
Plaváček
Profil
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
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
"ž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
Pak použíješ kontextový selektor, v tom bych problém neviděl.
Leo
Profil
"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
Ŕ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
Ale pokud máš obavy, vždycky existuje elegantní Pixyho matrjoška.
E_T
Profil
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
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
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
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
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
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....
Toto téma je uzamčeno. Odpověď nelze zaslat.