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
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 *
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
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
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 *
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
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 *
O IE6 vím, ale nefunguje to v pozdějších verzích a výše uvedený příklad v nich funguje.
Chamurappi
Profil
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 *
2 Chamurappi: Tak pozadí nepomohlo. Tu kopii kódu hodím na server, ale potřebuji hesla, tak až budu doma.
Jiri B.
Profil *
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 *
#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

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: