| Autor | Zpráva | ||
|---|---|---|---|
| Jiri B. Profil * |
Dobrý den,
snažím vytvořit prakticky stejné menu jako je na této adrese: http://www.tutorials.cz/clanek1341-jak-spravne-nakodovat-layout-3-cast cca uprostřed článku. (je tam popsán jak html, tak css) a nyní vše potřebuji praktikovat v praxi do redakčního systému drupal: drupal ma nasledující výstup: <div id="block-menu-primary-links" class="block block-menu">
<div class="content">
<ul class="menu">
<li class="leaf first active-trail"><a href="/ergolighting/" title="Vrátí vás na hlavní stránku tohoto webu." class="active">domů</a></li>
<li class="leaf"><a href="/ergolighting/reference" title="Podívejte se co jsme dokázali.">Reference</a></li>
<li class="expanded"><a href="/ergolighting/partneri" title="Podívejte s kým spolupracujeme.">Partneři</a>
<ul class="menu">
<li class="leaf first"><a href="http://www.zumtobel.cz" title="">Zumtobel</a></li>
<li class="leaf last"><a href="http://www.philips.cz/" title="">Philips</a></li>
</ul>
</li>
<li class="leaf"><a href="/ergolighting/obchodni-mista" title="Kde nás najdete.">Obchodní místa</a></li>
<li class="leaf last"><a href="/ergolighting/contact" title="Napište nám.">Napište nám</a></li>
</ul>
</div>
</div>a css nasledujicí: #block-menu-primary-links *{
margin: 0;
padding: 0;
}
#block-menu-primary-links {
height: 26px;
padding: 0;
margin: 0;
width: 980px;
background: url(images/nav.png) repeat top left;
}
#block-menu-primary-links li {
float: left;
display: inline;
}
#block-menu-primary-links li a {
display: block;
height: 26px;
line-height: 26px;
padding: 0 35px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
font-style: normal;
font-weight: bold;
letter-spacing: 2px;
color: #C7E2F0;
}
#block-menu-primary-links li a:hover, #block-menu-primary-links li a.active:hover{
background-image: url('images/item-center.png');
background-position: left -26px;
background-repeat: repeat-x;
color: #D3D3D9;
}
#block-menu-primary-links li a.active{
color: #FFFFFF;
}
#block-menu-primary-links li ul {
display: none;
}
#block-menu-primary-links li:hover ul {
display: block;
position: absolute;
}
#block-menu-primary-links li:hover ul li {
display: block;
float: none;
width: 180px;
height: 26px;
}
#block-menu-primary-links li:hover ul li a{
background: #236385;
text-transform: none;
text-align: left;
padding: 0 8px;
}
#block-menu-primary-links li:hover ul li a:hover{
background: #328dbd;
}problém je nasledující: 
Pokud ve firefoxu najedu na danou polozku menu li rozbali se mi submenu. V IE se mi ale rozbali pouze pokud najedu na text!!! ==> při přejíždění kurzoru do submenu se dostanu mimo text a submenu zmizí! :-( Otázka je jak na to? Díky moc |
||
| Chamurappi Profil |
#2 · Zasláno: 21. 7. 2009, 10:07:23
Reaguji na Jiriho B.:
Návody na tutorials.cz jsou trochu (po)chybné, nedoporučuji vzdělávat se z nich. Kdykoliv chceš vyřešit problém na straně prohlížeče, vždy dávej odkaz na živou ukázku. (Tento týden to píšu teprve potřetí.) „nyní vše potřebuji praktikovat v praxi do redakčního systému drupal“ Česky by se asi řeklo, že to potřebuješ do Drupalu nasadit či začlenit. Nemusíš se vyjadřovat jako „odborník“ v hloupé reklamě :-) |
||
| Jiri B. Profil * |
#3 · Zasláno: 21. 7. 2009, 11:28:00
Ahoj,
no to jsi mi moc nepomohl. Bohužel web běží prozatím na localhostu(na kterém není veřejné IP) ==> link neexistuje. Nesnažím se vyjadřovat jako odborník, ani se za něj nepovažuju, potřebuju rychle vyřešit můj problém a tak jsem poskytl vše(alespoň podle mě) nezbytné. |
||
| Chamurappi Profil |
#4 · Zasláno: 21. 7. 2009, 11:35:55
Reaguji na Jiriho B.:
„link neexistuje“ Nepotřebujeme vidět celý funkční web, stačí ukázat ten problém. Nemůžeš někam umístit kopii HTML kódu a CSS? „tak jsem poskytl vše(alespoň podle mě) nezbytné“ Podle mě ne. Ani jsi nezmínil verzi Exploreru, ve které problém pozoruješ. Zkusil bych nastavit nějaký obrázek na pozadí „#block-menu-primary-links li a“ (nejen na :hover). |
||
| tiso Profil |
#5 · Zasláno: 21. 7. 2009, 12:17:48 · Upravil/a: tiso
Jiri B.: klasický problém - IE < 7 berie :hover iba na odkaz (a) nie na iný element, takže selektory
#block-menu-primary-links li:hover ul #block-menu-primary-links li:hover ul li #block-menu-primary-links li:hover ul li a nebudú v IE < 7 fungovať |
||
| Jiri B. Profil * |
#6 · Zasláno: 21. 7. 2009, 12:21:35
2 tisco: Díky za reakci, ale když se podívám na tu ukázku tutorials.cz tak vše funguje i v IE. :-/
viz. http://img.tutorials.cz/jaa/reseni/sub-menu/ |
||
| tiso Profil |
#7 · Zasláno: 21. 7. 2009, 12:49:47
Jiri B.: Mne nie, doplnil som teda verziu IE do môjho predchádzajúcecho textu. Neviem kde som videl že sa bavíme o IE 6, tak som ju neuvádzal. Asi to bolo v inom vlákne.
|
||
| Jiri B. Profil * |
#8 · Zasláno: 21. 7. 2009, 13:06:38
O IE6 vím, ale nefunguje to v pozdějších verzích a výše uvedený příklad v nich funguje.
|
||
| Chamurappi Profil |
#9 · Zasláno: 21. 7. 2009, 13:12:15
Reaguji na Jiriho B.:
Zkusil jsi tedy nastavit obrázek na pozadí odkazu? Ten umělec z tutorials.cz ho nastavuje. „výše uvedený příklad v nich funguje“ Kdybys dodal ukázku nefunkčního kódu, měl bys řešení za pár minut. |
||
| Jiri B. Profil * |
#10 · Zasláno: 21. 7. 2009, 13:12:41
2 Chamurappi: Tak pozadí nepomohlo. Tu kopii kódu hodím na server, ale potřebuji hesla, tak až budu doma.
|
||
| Jiri B. Profil * |
#11 · Zasláno: 21. 7. 2009, 18:48:05
Tak jsem přišel na další věc, pokud hodim celé CSS přímo do html tagu <style>, vše funguje tak jak má.
|
||
| Jiri B. Profil * |
#12 · Zasláno: 23. 7. 2009, 14:33:42
#block-menu-primary-links li a {
display: block;
height: 26px;
line-height: 26px;
padding: 0 35px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
font-style: normal;
font-weight: bold;
letter-spacing: 2px;
color: #C7E2F0;
}řádek height: 26px; způsoboval chybu |
||
|
Časová prodleva: 15 let
|
|||
0