Autor Zpráva
Martin87
Profil *
Ahoj, v menu po najetí na galerie se správně vysunou položky, ale nejde na ně kliknout (při pokusu na ně naject se ztratí). Další problém je, že po najetí na obrázkové odkazy (např. Obora) nefunguje hover a u nějakých obrázků se po kliknutí otevře outlook...Vše pouze v IE8

Zde odkaz na stránky: http://obora.own.cz/fotky.php

Díky moc
Martin87
Profil *
Nevíte prosím někdo? Zkoušel jsem i soubor hover.htc, ale asi někde dělám chybu...
V IE 5.5 a 6 se menu ani nevysune, v 7 funguje vše dobře a v 8 se vysune, ale nejde na něj kliknout (ztratí se)

<div id="menu">
  <ul>
    <li><a href = "index.php" title="Úvodní strana">ÚVOD</a></li>
    <li><a href = "historie.php" title="Historie obce">HISTORIE</a></li>
    <li><a href = "fotky.php" title="Fotografie">GALERIE</a>
      <ul>
       <li><a href = "fotoobora.php" title="Fotografie Obora">Obora</a></li>
       <li><a href = "fotomarsov.php" title="Fotografie Maršov">Maršov</a></li>
       <li><a href = "fotozelec.php" title="Fotografie Želeč">Želeč</a></li>
       <li><a href = "fotolom.php" title="Fotografie Lom">Lom</a></li>
       <li><a href = "fotomalsice.php" title="Fotografie Malšice">Malšice</a></li>
       <li><a href = "fotozhor.php" title="Fotografie Zhoř">Zhoř</a></li>
       <li><a href = "fotoustrasice.php" title="Fotografie Ústrašice">Ústrašice</a></li>
       <li><a href = "fotoplana.php" title="Fotografie Planá n.L.">Planá n.L.</a></li>
      </ul>
    </li>
    <li><a href = "owebu.php" title="Něco o webu">O WEBU</a></li>
  </ul>
</div> 



#menu, #menu * {margin: 0; padding:0; height: 40px; background-image:url('pictures/menu.jpg');}

#menu li {display: inline; float:left; }

#menu li a { 
  display: block;
  background: 0 0 no-repeat;  /* Kvuli zobrazeni */
  height: 40px;
  width: 141px;
  line-height: 40px;
  font-size: 17px;
  font-family: verdana;
  text-align: center;
  text-decoration: none;
  }
  
#menu li a:hover { 
  background: #00c92f;
  color: white;
  }

 
/* Vysouvaci menu */ 
#menu li ul { 
  display: none;
  }
  
#menu li:hover ul { 
  display: block;
  position: absolute;
  border: solid #eee;
  border-width: 0 1px 1px 1px;
  }

  
#menu li:hover ul li {
  display:block;
  float:none;
  height: 40px;
  width: 141px;
  border-top: 1px solid #fff2e5;
  background: black;
  }
Martin87
Profil *
Tak menu je už vyřešené
GRoNGoR
Profil *
Martin87
napis prosimte jak si to vyresil dik :-)

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: