Visualizzazione dei risultati da 1 a 9 su 9
  1. #1

    effetto rollhover IE vs. Firefox

    In una pagina vorrei che una serie di div inseriti in un tag a cambiassero il loro sfondo al passaggio del mouse...

    html:

    codice:
    <div class='lineatabella'>
    	<a href="index.php?pg=12&detailof=73" title="Clicca per vedere il dettaglio" class="linklinea">
    		<div class='box1'>Monolocale</div>
    		<div class='box2'></div>
    		<div class='box3'></div>
    		<div class='box4'>0</div>
    		<div class='box5'>0</div>
    		<div class='box6'>Tratt. Riservata</div>
    	</a>
    </div>
    css:

    codice:
    a.linklinea:hover div{ 
    	background: #FFC;
    }
    Non so se la sintassi o il metodo sono corretti al 100%, con NN, FF e Mozzilla l'effetto è quello voluto con IE6 niente da fare, il background non cambia colore e non appare neanche la manina sul link (link che comunque funziona). c'è una soluzione???

    Ciao.

  2. #2
    stai inserendo degli elementi blocco in un elemento inline ed e' scorretto

    cmq per il tuo problema, prova ad invertire:

    <div><a href>contenuto</a></div>
    <div><a href>contenuto</a></div>
    <div><a href>contenuto</a></div>
    <div><a href>contenuto</a></div>

  3. #3
    Provato e riprovato ma nulla.....

    ho anche usato altri tag al osto di div (span, ul).

    Nel tuo esempio come fai nel css ad applicare un cambio di sfondo per tutta l alinea

  4. #4
    edit: scusa, ho scritto delle cavolate

    'spetta

    ri-edit:

    se hai i link in verticale, mettili all'interno di una lista

    codice:
    .classe a {
       display: block;
       width: 100px;
       background-image: url(percorsoimmagine/nomeimmagine.gif);
       }
    
    .classe a:hover {
       background-image: url(percorsoimmagine/nomesecondaimmagine.gif);
       }
    
    .classe ul {
      list-style: none;
      }
    ri-ri edit: per .classe si intende il nome della classe data al div contenitore, ma potrebbe essere (e generalmente lo e') l'id del div stesso

  5. #5
    Ti spiego meglio:

    i miei link sono in orizzontale, quella che per me dovrebbe avere l'effetto al passaggio del mouse è una riga intera.

    Con questa volevo sostituire le classiche tabelle

    Se mi dici che vuoi dare un'occhiata ti mando un link con l'esempio.

  6. #6
    puoi ottenere il risultato desiderato con i gestori di eventi:

    codice:
    <style>
    #menu li {
    	display: inline;
    	margin: 5px;
    	color: #fff;
    	}
    
    .cambiacolore {
    	background-color: #00f;
    	}
    
    .nuovocolore {
    	background-color: #0f0;
    	}
    </style>
    
    <div id="menu" class="cambiacolore" onmouseover="this.className='nuovocolore';" onmouseout="this.className='cambiacolore';">
    	<ul>
    		[*]Home
    		[*]Chi siamo
    		[*]Prodotti
    		[*]Contatti
    	[/list]
    </div>

  7. #7
    Sempre e solo con IE ho anche il problema di una poco rappresentativa freccia sul link al posto della classica manina.... si può ovviare anche a questo???

  8. #8
    ehm... cosa vuoi dire? perche' se usi link, la manina compare :master:

  9. #9

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.