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

    Visualizzazione errata passaggio mouse

    Ciao a tutti,
    ho questo problema: ho un elenco puntato che corrisponde a una specie di menu verticale. Per una voce del menu sono dovuta andare a capo e creare una seconda riga, precisamente per la riga 2 dove ho dovuto creare due punti elenco.
    Le scritte al passaggio del mouse devono diventare in grassetto, da qui, nel foglio di stile ho impostato
    codice:
    #Menu a:hover{ font-weight:bold; }
    Il problema è dovuto solo con firefox 3.6 ....al passaggio del mouse sul 2 diventa in grassetto solo il 2 e non anche il 3 come dovrebbe!!!
    Spero di essere stata chiara...per qualsiasi domanda sono qua!!
    Ciaaaaao

  2. #2

    Re: Visualizzazione errata passaggio mouse

    Originariamente inviato da soniettabrasile
    Ciao a tutti,
    ho questo problema: ho un elenco puntato che corrisponde a una specie di menu verticale. Per una voce del menu sono dovuta andare a capo e creare una seconda riga, precisamente per la riga 2 dove ho dovuto creare due punti elenco.
    Le scritte al passaggio del mouse devono diventare in grassetto, da qui, nel foglio di stile ho impostato
    codice:
    #Menu a:hover{ font-weight:bold; }
    Il problema è dovuto solo con firefox 3.6 ....al passaggio del mouse sul 2 diventa in grassetto solo il 2 e non anche il 3 come dovrebbe!!!
    Spero di essere stata chiara...per qualsiasi domanda sono qua!!
    Ciaaaaao
    se usi javascript usa l'evento MouseOver sugli oggetti, poi con JQuery entri nel .css e cambi la tipologia della scrittura, dovrebbe funzionare, però di JQuery non so nulla, tranne che può modificare qualsiasi scrittura.
    nel caso in cui non usi js non so come aiutarti ):

    ciao

  3. #3
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    postaci un link alla pagina, così che possiamo vedere il codice completo. magari c'è qualcosa che gli crea conflitto o qualche errore, ma è difficile da capire con una riga di codice per parte ...

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    a meno che non si tratti di un errore di trascrizione...

    indenta bene il codice e gli errori li vedi bene da te

  5. #5
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da Vincent.Zeno
    a meno che non si tratti di un errore di trascrizione...

    indenta bene il codice e gli errori li vedi bene da te

    mica m'ero accorta che nella textarea del codice c'era lo scroll in orizzontale

    chiedo venia

    e allora essì, che è il caso di correggere quegli "errorini"

  6. #6
    Vi riporto la parte della pagina che mi da errore su firefox 3.6 ... non sulla versione 7!!! Sperando così di trovare magari l'errore...

    codice:
    <html> 
    <head> 	
    <STYLE> 
    .RiquadroModuli{ 
    background-image:url(img/varie/riquadroMenu.jpg);
     width:175px;
     height:275px; 
    margin-top:22px; 
    }  
    .RiquadroModuli ul{
     list-style-type: none;
     margin-left:-15px;
      line-height:20px; 
    } 
    .RiquadroModuli li{ 
    color: #555555; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size:9pt; 
    text-align:left; 
    list-style-position:outside; 
    } 
    .RiquadroModuli td a{ 
    text-decoration:none; 
    color: #555555; 
    } 
    .RiquadroModuli ul li a:hover{  
    font-weight:bold;
     } 
    .RiquadroModuli ul a:hover li{  
    font-weight:bold; 
    } 	
    </STYLE> 
    </head> 
    <body>  
    <div> 	
       <table class="RiquadroModuli"> 	
    	<td style="vertical-align:top;"> 		
    		   <ul> 
    			[*]Primo Modulo 
    			<a href="2.html">[*]Secondo Modulo - 1 riga 									 
                            <li style="line-height:10px;margin-bottom:5px;">Secondo Modulo - 2 riga 	
    		         </a> 					[*]Terzo Modulo 		
         			[*]Quarto Modulo 	
      		[/list]			
             </td> 
    </table> 
    </div>  
    </body> 
    </html>

  7. #7

  8. #8
    @alexba64: se lo imposto così, al passaggio del mouse le due righe Secondo Modulo - 1 riga e Secondo Modulo - 2 riga vengono evidenziate non contemporanemante, ma ognuna sè stante...per quello avevo creato la riga in questo modo :

    codice:
    <a href="2.html">[*]Secondo Modulo - 1 riga 
        <li style="line-height:10px;margin-bottom:5px;">Secondo Modulo - 2 riga 	 		         
    </a>
    per far si che le due righe Secondo Modulo si evidenziassero insieme!

  9. #9
    codice:
    [*]<a href="2.html">Secondo Modulo - 1 riga
    
    
    <span style="line-height:10px;margin-bottom:5px;">Secondo Modulo - 2 riga</span></a>
    degustibus

  10. #10
    Grandissimo!! se posso però rubarti un secondo.... ora non riesco ad avvicinare la seconda riga "Secondo Modulo - 2 riga" a quella sopra "Secondo Modulo - 1 riga".... prima gli davo come impostazione

    line-height:10px;margin-bottom:5px;

    Ora non mi prende più questi settaggi...

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 © 2026 vBulletin Solutions, Inc. All rights reserved.