Lidi, potřebuju big helpa - CSS hover menu
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
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
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
za 2) zkus dat do hlavicky document.getElementById('1').style.visibility='hidden';
document.getElementById('2').style.visibility='hidden';
Ja nejsem JSkar, takze nefim
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?
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?
sry, nemá tam bejt type="JavaScript", ale Languague="JavaScript"
ja nevim, ja js kar nejsem.. znas http://css.interval.cz ?:)
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?
add 2) ale myslel s to dát jako funci skriptu nahoru do hlavičky, že?
primo jako <head><jscript></head> jednoduse receno;)
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>
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>
(pro zvědavce na http://tarantino.wz.cz/dir/ ale ještě to nemam nastylovaný)
Nové příspěvky
Smazani stranek
index.html )
HTML Tabulky
Zalamování textu pomocí CSS
Přesměrování
Arduino - 400 Bad Request
Nastavení českých písmen
POMOC! po druhé!
Pozicování (obrázek na střed).
Jak vycentrovat obrazek, ktery je v prikazu absolute ?
Použití tvůrce webu
katalog
async functions' is only available in es8 (use 'esversion: 8')
Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
Problém s načítáním
Div pro reklamu překrývá prvky webové stránky
Nezobrazuje se mi lišta s reklamou
ako nahrám na môj web favicon?
JavaScript - nečitelný soubor *.js - jak prohlížet/editovat
Problém s textem
videostream
index.html
GB///refresh///JS
Total Commander - server nenalezen
Mobilní verze webu
Další témata
STATUS
FTP
HTTP
SQL
PHP
© 2002 - 2024 Web zdarma s.r.o. — zvládnete to sami