Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13
  1. #1

    Far apparire un div con hover

    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

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    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)

  3. #3
    in js potresti scrivere così:

    Codice PHP:
    <script type="text/javascript">
    function 
    visibile(idvisi) {
    var 
    document.getElementById(id);
    e.style.display ""+visi+""
    }
    </script> 
    Poi nel div del menu aggiungi:

    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?

  4. #4
    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

  5. #5
    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?

  6. #6
    chiedo scusa non ho capito dove devo inserire questi codici

  7. #7
    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?

  8. #8
    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>

  9. #9
    a questo punto credo che sia meglio se questo topic venisse spostato in javascript
    grazie

  10. #10
    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

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.