Salve allora ho un div SottoDestra l'ho reso invisibile con visibility:hidden; ora vorrei che quando vado col mouse sul link del menu "trucco" apparisse il div SottoDestra so che è una funzione hover ma non so come applicarla.
www.provacss.altervista.org
se tu avessi il div allo stesso livello gerarchico del link ti basterebbe fare
a:hover + div
ma per come hai strutturato il tuo markup l'unico modo è usare javascript.
se vuoi sposto la discussione sul forum javascript
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
in js potresti scrivere così:
Poi nel div del menu aggiungi:Codice PHP:<script type="text/javascript">
function visibile(id, visi) {
var e = document.getElementById(id);
e.style.display = ""+visi+""
}
</script>
codice:OnMouseOver="visibile("ID DEL SOTTOMENU, block"); return false" onMouseOut="visibile("ID DEL SOTTOMENU, none"); return false"
Social Network in costruzione.. Misto tra Twitter e Facebook.. Twitbook o facetter?
grazie,e come posso fare in modo da non dover usare javascript?
A pensare che tutto sto casino per fare dei bordi a un div
Direi che non si può, non puoi cambiare delle prorpietà di altri classi da una classe css..
Social Network in costruzione.. Misto tra Twitter e Facebook.. Twitbook o facetter?
chiedo scusa non ho capito dove devo inserire questi codici
il primo (<script type="text/javascript">blablabla</script>) tra <head> e </head>, il secondo lo devi aggiungere al tasto del menu da cui vuoi compaia il sottomenu (e naturalmente devi specificare l' id del sottomenu per riportarlo nell' evento js)
Social Network in costruzione.. Misto tra Twitter e Facebook.. Twitbook o facetter?
ho provato col tuo codice ma non funziona,
codice:<head> <title>prova</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <style type="text/css"> body{ background-color:pink; } #menu{ width:100%; font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif; } #menu ul{margin:0; padding:0;} #menu li{margin: 0; padding: 0; position: relative; float: left; list-style:none; } #menu li a{ width: 90px; height: 30px; display: block; text-decoration: none; line-height: 30px; text-align:center;color: #FFB6C1; background-color: black; } #menu li a:hover { color: #FF69B4;} #menu ul ul{ position: absolute; visibility: hidden; } #menu ul ul li a{ width:175px; height:50px; background-color:white; position:relative; left:10px; top:0; text-align:left; line-height:50px; } #menu ul li:hover ul{ visibility: visible; } #SottoDestra{ width:200px; height:100px; background: url(submenu_bottom.png) no-repeat; position:absolute; left:105px; top:138px; display:none; } #SottoSinistra{ width:6px; height:65px; background: url(menu_right.png); position:absolute; left:282px; top:4px; } #SopraSinistra{ width:6px; height:73px; background: url(nav.png); position:absolute; left:282px; top:68px; } <script type="text/javascript"> function visibile(#SottoDestra, visi) { var e = document.getElementById(id); e.style.display = ""+visi+"" } </script> </style> </head> <body> <div id="menu"> <ul> [*]Home [*]Trucco <ul> [*]Camouflage [*]Eventi [/list] [*]Unghie <ul> [*]Manicure [*]Ricostruzione [/list] [*]Acconciature [*]Gallery [*]Prezzi [*]Chi Siamo [*]Contatti [/list] </div> <div id="SopraSinistra"></div> <div id="Sottomenu"></div> <div id="SottoSinistra"></div> <div id="SottoDestra"></div> </body> </html>
a questo punto credo che sia meglio se questo topic venisse spostato in javascript
grazie
Certo perchè tu hai messo #ID nelle parentesi, mentre devi solo scrivere l' id senza il cancelletto
Social Network in costruzione.. Misto tra Twitter e Facebook.. Twitbook o facetter?
Permessi di invio
Rispondi quotando