Autor Zpráva
Thomas777
Profil
Zdravim, mam takovy "mirny" problém s css v chromu a ff. Jedná se o menu vytvořené v css. V IE se mi zobrazuje v pohodě vše, jak má. Tento kód jsem stáhnul z veřejné databáze css kódů. V databázi kód funguje ve všech prohlížečích. Mnou upravený kód funguje již jen v IE. Nefunguje mi "druhé fly menu". Má to dělat to, že když kliknu na hlavní odkaz, rozbalí se pododkaz - funguje všude, když najedu na pododkaz, má se zobrazit podpododkaz - funguje jen v IE. Pošlu indexový kód, css a i původní kód, pro srovnání. Doufám v brzké nalezení mých chyb. PS: HTML kravinek si nevšímejte, tento web je ještě v prvopočátcích a já si vždy dělám takovou "šablonu" v html, kterou následně předělám do xhtml a ktomu patřičně rozvinuté css.

Původní kód: http://www.stunicholls.com/menu/tree_frog_vertical.html

index - tučně je problém
<div class="pre"><pre><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  <body bgcolor="#000000" text="#FFFFFF" onload="clickMenu('menu')">
      <table width="1000" height="650" align="center" border="0" background="background.png">
        <tr> 
            <td width="2" rowspan="2">&nbsp;
            
            </td>
            <td colspan="1" width="180" heigh="150">                                                        
            <img src="logo.png" alt="logo.png" title="logo" border="0" height="101" width="170">
            </td>
            <td rowspan="2" valign="top"><br>
            <p>Odio consequat dolor interdum eros nibh felis sagittis natoque Curabitur sed. Et cursus at et Lorem ante nibh vitae et orci fringilla. Quisque pellentesque quis pede leo lacus urna Sed habitasse wisi sagittis. In quam at Curabitur Donec Cum dolor Donec fringilla orci sem. Duis urna vestibulum odio cursus risus convallis id porttitor tortor Vivamus. Justo consectetuer leo nulla tristique Donec Nam id convallis accumsan.</p>
          </td>
              <tr>
                <td colspan="1" width="180" height="500" valign="top">
    
<ul id="menu">
	<li class="sub">Domů
	</li>
	<li class="sub">O nás
		<ul>
			<li class="fly"><a href="slovem.html">Slovem</a>
			</li>
			<li class="fly"><a href="clenove.html">Členové</a>
			</li>
		</ul>
	</li>
	<li class="sub">Co nabízíme
		<ul>
			<li class="fly"><a href="lampy.html">Plynové lampy</a></li>
			<li class="fly"><a href="jubileum.html">Bankovní jubileum</a></li>
      <li class="fly"><a href="ruze.html">Zde by měly kvést růže?!</a></li>
      <li class="fly"><a href="sahodlouho.html">Agentura Sáhodlouho</a></li>
		</ul>
	</li>
	<li class="sub">Co připravujeme
		<ul>
			<li class="fly"><a href="snehovka">Sněhová královna</a></li>
			<li class="fly"><a href="vychazka">Zdravotní vycházka</a></li>
		</ul>
	</li>

	<li class="sub">Co máme za sebou
		<ul>
			<li class="fly"><a href="prvni.html">První kroky</a></li>
						<ul>
							<li><a href="#nogo">Píseň o Viktorce</a></li>
							<li><a href="#nogo">Živly</a></li>
							<li><a href="#nogo">Tváře života a smrti</a></li>
							<li><a href="#nogo">Přibližný pohled do vzdálené budoucnosti</a></li>
						</ul>
			<li class="fly"><a href="anima.html">Anima</a></li>
			        <ul>
              <li><a href="#nogo">Animo I</a></li>
							<li><a href="#nogo">Animo II</a></li>
							</ul>
			<li class="fly"><a href="cele.html">Celovečerní hry</a></li>
						<ul>
							<li><a href="damska.html">Dámská jízda aneb pánské trable</a></li>
							<li><a href="#nogo">Zpěvy sladké francie</a></li>
							<li><a href="#nogo">Veselohra na mostě</a></li>
							<li><a href="#nogo">Oheň na střeše</a></li>
							<li><a href="#nogo">Nebe mi pokrývku a země polštářem</a></li>
							<li><a href="#nogo">Léto</a></li>
							<li><a href="#nogo">Čarovný květ </a></li>
							<li><a href="#nogo">Plynové lampy </a></li>
						</ul>
			<li class="fly"><a href="aktovky.html">Jednoaktovky</a></li>
					  <ul>
              <li><a href="#nogo">Bankovní jubileum</a></li>
							<li><a href="#nogo">Zde by měly kvést růže?!</a></li>
						</ul>
			<li class="fly"><a href="deti.html">Pro děti</a></li>
						<ul>
              <li><a href="#nogo">Agentura Sáhodlouho</a></li>
						</ul>
		</ul>
	</li>
		<li class="sub">Fotogalerie
		<ul>
			<li class="fly"><a href="http://en.wikipedia.org/wiki/Tree_frog">Wikipedia</a></li>
			<li class="fly"><a href="#nogo11">Encyclopedia</a></li>
		</ul>
	</li>
		<li class="sub">Kontakty
		<ul>
			<li class="fly"><a href="http://en.wikipedia.org/wiki/Tree_frog">Kontakt</a></li>
			<li class="fly"><a href="#nogo11">Vzkazovník</a></li>
		</ul>
	</li>
	<li class="sub">Ferman
	</li>
</ul>
                </td>
                
              </tr>
Thomas777
Profil
Thomas777:

CSS

#menu {list-style-type:none; padding:0; margin:0; width:170px; position:relative; top:0px; left:0; border:1px solid #fff; border-width:0 0px 0px; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0; width:150px;}
#menu li {float:left; background:rgb(0,0,0); position:relative; border-top:1px solid #fff;}

#menu li.sub {background-image: url(tlacitko.jpg);}  
#menu li, #menu li a {display: block; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:30px; width:170px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}
                               

#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display: none; text-indent:0px;}

#menu li.hover {background-image: url(tlacitkon.jpg);}
#menu li.click {background-image: url(tlacitkon.jpg);}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:170px; top:-1px; border:1px solid #fff; border-width:0 1px 1px;}

#menu li.click ul li.fly {background:rgb(49,49,49);}
#menu li.click ul li.hover {background:rgb(83,83,83);}

#menu li.click ul li.hover ul li {background:rgb(0,0,0);}
#menu li.click ul li.hover ul li.hover ul li {background:#780; z-index:500;}

#menu li.click ul li.hover ul li.fly {background: rgb(196,196,196);}
#menu li.click ul li.hover ul li.hover {z-index:500; background:#910707; background-image: url(tlacitkon.jpg) ; background-position: bottom; background-repeat: repeat-x;}
#menu li.click ul li.hover ul li.hover a {color:#fff;}
                                                   
#menu li.click ul li.hover ul li.hover ul li.hover {background:#aa0;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}
margin
Profil *
Takže ty sis rozbil kód, nedal jsi odkaz na živou ukázku a teď doufáš, že někdo odhalí příčinu.
pidusak
Profil *
Zkusil bych si vice hlidat position: absolute; pripadne position: relative; . A silně doporučuji se snažit stažené řešení především pochopit.

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:

0