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

    cambiare sfondo cella, problemi IE

    impostando il css così:
    codice:
    table.form th.right a::hover{
    	background: white;
    	
    }
    riesco a far cambiare correttamente lo sfondo della cella al passaggio del mouse sopra, ma questo con firefox. con IE mi si cambia il colore solo delle dimensionie esatte del testo, senza cambiare il resto della cella?
    come mai?
    thx

    neorf
    www.TriX.IT - Web Development

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: cambiare sfondo cella, problemi IE

    ciao
    mi sa che la cosa è stata ampiamente discussa qui nel forum;
    con IE l'effetto :hover lo ottieni solo in presenza di un link.
    e vuoi far cambiare il colore della cella, anche in IE, lo dovresti fare con javacript. Se può esserti utile, guarda questo articolo:
    http://www.extrowebsite.com/articolojs.asp?ID=49
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    C'è anche un errorino: hai scritto a:hover con due ":". comunque, di principio, tu hai:

    <td>
    <a href="http://www.html.it/" title="Html.it" hreflang="it">Html.it</td>


    se hai:
    td {
    width: 120px;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    }


    ricordando che devi trasformare <a> in elemento di blocco:

    a {
    width: 120px;
    text-decoration: none;
    font-weight: bold;
    color: #900000;
    background: transparent;
    display: block;
    }


    e poi cambi sull'hover. ciao

  4. #4
    cioè, come dovrebbe essere il css completo per il <td>?
    grazie

    Il "::" era dovuto ad un copia incolla errato, nel css da me testato non c'era
    www.TriX.IT - Web Development

  5. #5
    così come lo vedi. la dichiarazione esatta deve essere:


    td a { }
    td a:hover {}



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