Lidi, potřebuju big helpa - CSS hover menu

1. Návštěvník F7BA98ED 23. 12. 2005 12:48

   potřeboval bych pomoct s menu,,, snažim se o něj už nějakej ten pátek, ale porád mi to nejde :-( mrkněte sem: http://tarantino.wz.cz/dir/ - a hned pochopíte o co mi jde... (soubor css je http://tarantino.wz.cz/dir/css.css ) pokud nechcete jít na stránku, zde je kód: <BODY> <div class="odkaz-hlavni"> <a href="index.php" onmouseover="document.getElementById('1').style.visibility='visible';" onmouseout="document.getElementById('1').style.visibility='hidden';">ale ale ale</a> </div> <div class="odkaz-hlavni"> <a href="index.php" onmouseover="document.getElementById('2').style.visibility='visible';" onmouseout="document.getElementById('2').style.visibility='hidden';">druhá položka menu</a> </div> <div class="mezinima"></div> <div id="1" onmouseover="document.getElementById('2').style.visibility='visible';"> <div class="odkaz-kontejner"> <div class="odkaz-jeden"><a href="index.php">aktualizovat!</a></div> <div class="odkaz-jeden"><a href="index.php">aktualizovat!</a></div> <div class="odkaz-jeden"><a href="index.php">aktualizovat!</a></div> </div> </div> <div id="2"> <div class="odkaz-kontejner"> <div class="odkaz-jeden"><a href="index.php">2 - aktualizovat!</a></div> <div class="odkaz-jeden"><a href="index.php">2 - aktualizovat!</a></div> <div class="odkaz-jeden"><a href="index.php">2 - aktualizovat!</a></div> </div> </div> <div class="mezinima"></div> zbytek CSS: .odkaz-hlavni {width: 150px; background-color: #FFA500; margin: 0px 0px 0px 5px; float: left; margin-right: 5px;} .odkaz-hlavni a {width: 100%; display: block;} .odkaz-hlavni a:hover {background-color: #FFC522;} #1,#2 {width: 150px; visibility: hidden; vertical-align: top;} .odkaz-kontejner {width: 150px; background-color: #FFA500; margin: 10px 5px 10px 5px; float: left;} .odkaz-jeden {width: 150px;} .odkaz-jeden a {width: 100%; display: block;} .odkaz-jeden a:hover {background-color: #FFC522;} .mezinima {clear: both;} .mimo {background-color: #FFA500;} .mimo:hover {background-color: #FFC522;} Předem moc díky

2. Návštěvník 53519B1F 23. 12. 2005 12:51

   za 1) zkus to udelat v css za 2) zkus dat do hlavicky document.getElementById('1').style.visibility='hidden'; document.getElementById('2').style.visibility='hidden'; Ja nejsem JSkar, takze nefim

3. Návštěvník F7BA98ED 23. 12. 2005 13:09

   ondraster>> jak to udělat v CSS? (nebo todle je jako JS menu? (já nvm)) jak to dát do hlavičky? to nevim jak to myslíš.. - jako <BODY onload="document.getElementById('1').style.visibility='hidden';"> a nebo myslíš jako dát si nahoru: <SCRIPT type="JavaScript"> function neco() { document.getElementById('1').style.visibility='hidden';} </SCRIPT> takhle?

4. Návštěvník F7BA98ED 23. 12. 2005 13:13

   sry, nemá tam bejt type="JavaScript", ale Languague="JavaScript"

5. Návštěvník 53519B1F 23. 12. 2005 13:42

   ja nevim, ja js kar nejsem.. znas http://css.interval.cz ?:)

6. Návštěvník F7BA98ED 23. 12. 2005 13:46

   znám,, odtamtud něco mám, ale oni to tam maj nějaký divný :-( navíc se v kódu chci vyznat.. add 2) ale myslel s to dát jako funci skriptu nahoru do hlavičky, že?

7. Návštěvník 53519B1F 23. 12. 2005 13:58

   primo jako <head><jscript></head> jednoduse receno;)

8. Návštěvník F7BA98ED 23. 12. 2005 14:43

   tak jsem to udělal jinak, a dokonce bych řekl, že velice elegantně ;) je to tedy JS menu, ale funkčnost je naprosto úžasná =)))) KÓD: <HEAD> <TITLE>Tarantino.wz.cz --- Ankety - Hlasujte!</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> <link rel="stylesheet" href="css.css" type="text/css"> <SCRIPT languague="JavaScript"> function zobraz(zcislo) { document.getElementById(zcislo).style.visibility='visible';} function skryj(scislo) { document.getElementById(scislo).style.visibility='hidden';} function zacatek() { for (skryjcislo = 1; skryjcislo < 10; skryjcislo++){ document.getElementById(skryjcislo).style.visibility='hidden';}} </SCRIPT> </HEAD> <body onload="zacatek()"> <div class="odkaz-hlavni"> <a href="index.php" onmouseover="zobraz(1)" onmouseout="skryj(1)">ale ale ale</a> </div> <div class="odkaz-hlavni"> <a href="index.php" onmouseover="zobraz(2)" onmouseout="skryj(2)">druhá položka menu</a> </div> <div class="mezinima"></div> <div id="1" onmouseover="zobraz(1)" onmouseout="skryj(1)"> <div class="odkaz-kontejner"> <div class="odkaz-jeden"><a href="index.php">aktualizovat!</a></div> <div class="odkaz-jeden"><a href="index.php">aktualizovat!</a></div> <div class="odkaz-jeden"><a href="index.php">aktualizovat!</a></div> </div> </div> <div id="2"> <div class="odkaz-kontejner" onmouseover="zobraz(2)" onmouseout="skryj(2)"> <div class="odkaz-jeden"><a href="index.php">2 - aktualizovat!</a></div> <div class="odkaz-jeden"><a href="index.php">2 - aktualizovat!</a></div> <div class="odkaz-jeden"><a href="index.php">2 - aktualizovat!</a></div> </div> </div>

9. Návštěvník F7BA98ED 23. 12. 2005 14:44

   (pro zvědavce na http://tarantino.wz.cz/dir/ ale ještě to nemam nastylovaný)

← Zpět na všechna témata