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

    Problema con tabella (funzione :hover tr)

    Ciao ha tutti...ho implementato il seguente codice nel mio foglio di stile
    codice:
    table
    {text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
    font-weight: normal;
    font-size: 11px;
    color: #fff;
    width: 280px;
    border: 0px;
    border-collapse: collapse;
    background-color: #666;
    border-spacing: 0px;}
    
    table td
    {background-color: #CCC;
    color: #000;
    padding: 4px;
    text-align: left;
    border: 1px #fff solid;}
    
    table td.testa
    {background-color: #666;
    color: #fff;
    padding: 4px;
    text-align: left;
    border-bottom: 2px #fff solid;
    font-size: 12px;
    font-weight: bold;}
    i problemi sono principalmente 2:

    1) Vorrei che al passaggio con il mouse ogni riga cambiasse colore.. (quindi <TR>) ho provato con la proprietà :hover ma niente da fare...con i TD riesco ma con i TR no!!

    2) Se possibile vorrei che lo stile table td.testa valesse per un TR (cioè per la riga)...modificando la parola td -> tr non ho ottenuto questo risultato :-(

    scusate se sto sparando cavolate ma non ne capisco!

    PS: per il problema dell'hover e di IE< v.6 non mi interessa il javascript...tanto i miei visitatori usano prevalentemente firefox e chrome....


    grazie a tutti ciaoooo!!!

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924

    Re: Problema con tabella (funzione :hover tr)

    Originariamente inviato da davidebr90

    1) Vorrei che al passaggio con il mouse ogni riga cambiasse colore.. (quindi <TR>) ho provato con la proprietà :hover ma niente da fare...con i TD riesco ma con i TR no!!

    2) Se possibile vorrei che lo stile table td.testa valesse per un TR (cioè per la riga)...modificando la parola td -> tr non ho ottenuto questo risultato :-(

    scusate se sto sparando cavolate ma non ne capisco!

    PS: per il problema dell'hover e di IE< v.6 non mi interessa il javascript...tanto i miei visitatori usano prevalentemente firefox e chrome....


    grazie a tutti ciaoooo!!!
    1) forse volevi scrivere

    tr:hover td {

    }

    2) non puo funzionare a meno che non assegni la classe .testa al <tr> e modifichi il selettore in

    table tr.testa td {

    }
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    grazie per la risposta celerissima

    ho risolto facendo come mi hai saggiamente indicato !!!!

    grazieee mileeee

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.