Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it L'avatar di Guidri
    Registrato dal
    Oct 2001
    Messaggi
    251

    Applicare css ad una cella con link

    Ciao a tutti,
    vorrei dare un'effetto ad un link che al rollover invece che illuminare solo lo sfondo del link stesso illuminasse tutta la cella che lo contiene. VVoVe:
    Si può fare?

    Ho questo css:
    A.variant:link {
    COLOR: #A90F4C;
    TEXT-DECORATION: none;
    font-weight: bold;
    }
    A.variant:visited {
    COLOR: #A90F4C;
    TEXT-DECORATION: none;
    font-weight: bold;
    }
    A.variant:hover {
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;
    background-color: #789F28;
    font-weight: bold;
    }

    Grazie, ciao!

  2. #2
    Utente di HTML.it L'avatar di mexican
    Registrato dal
    Oct 2001
    residenza
    cava de tirreni
    Messaggi
    3,541

    potresti

    all'onclick chiamarti un js che cambia ilcolore alla cella altrimenti.

  3. #3
    Utente di HTML.it L'avatar di Guidri
    Registrato dal
    Oct 2001
    Messaggi
    251
    Ho risolto!
    Cosi:
    <td class="row1" onMouseOver="this.style.backgroundColor='#789F28'; this.style.cursor='hand'" onMouseOut="this.style.backgroundColor=''">

    E alla classe gli ho assegnato:
    .row1 { background-color: #b0b0b0 }

    Spero possa essere utile come suggerimento per gli utenti del forum.

    Ciao!

  4. #4
    Utente di HTML.it L'avatar di mexican
    Registrato dal
    Oct 2001
    residenza
    cava de tirreni
    Messaggi
    3,541

    beh si

    Originariamente inviato da Guidri
    Ho risolto!
    Cosi:
    <td class="row1" onMouseOver="this.style.backgroundColor='#789F28'; this.style.cursor='hand'" onMouseOut="this.style.backgroundColor=''">

    E alla classe gli ho assegnato:
    .row1 { background-color: #b0b0b0 }

    Spero possa essere utile come suggerimento per gli utenti del forum.

    Ciao!
    piò o meno quello che intendevo io, solo che non richiami nessuna funzione.
    Se metti il tutto in una funzione puoi usarlo da più parti senza dover scrivere di nuovo tutto il codice.
    sarà utile di certo per gli altri

  5. #5
    Utente di HTML.it L'avatar di Guidri
    Registrato dal
    Oct 2001
    Messaggi
    251

  6. #6
    non c'è bisogno di javascript

    <html>
    <head>
    <title>Untitled</title>
    <style type="text/css">
    html, body {height:100%}
    body {background:silver}
    a {display:block;
    color:white;
    text-decoration:none;
    padding-top:50px;
    padding-bottom:50px;
    text-align:center;
    border:1px solid blue
    }
    a:hover {color:yellow;
    background:blue;
    border:1px solid yellow;
    font-weight:bold;
    }
    td {width:100px;
    background:gray;
    }
    </style>
    </head>
    <body>
    <table>
    <tr>
    <td><a href="#">
    Vediamo
    </a></td>
    <td>testo normale</td>
    </tr>
    </table>
    </body>
    </html>
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  7. #7
    Utente di HTML.it L'avatar di mexican
    Registrato dal
    Oct 2001
    residenza
    cava de tirreni
    Messaggi
    3,541

    ma questo

    cambia anche il colore del td?

  8. #8
    Utente di HTML.it L'avatar di mexican
    Registrato dal
    Oct 2001
    residenza
    cava de tirreni
    Messaggi
    3,541

    Re: ma questo

    Originariamente inviato da mexican
    cambia anche il colore del td?
    si come non detto

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.