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

    Hover su riga della tabella

    Ciao ragazzi,
    come faccio a fare una hover link non su testo, ma bensi su tabella in modo che quando passi sopra con il mouse cambi colore l'intera riga della colonna? per intenderci, come quella Oscar js web

    ho provato a vedere in rete, ma non funziano..
    de gustibus non disputandum est

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    6,034
    <td onmouseover="this.style.background='#00FFFF'" onmouseout="this.style.background='#00CCFF'">

  3. #3
    grazziieee, ora ci provo!
    de gustibus non disputandum est

  4. #4
    Utente di HTML.it L'avatar di bagu
    Registrato dal
    Mar 2003
    Messaggi
    620

    Re: Hover su riga della tabella

    Originariamente inviato da mickeydao
    Ciao ragazzi,
    come faccio a fare una hover link non su testo, ma bensi su tabella in modo che quando passi sopra con il mouse cambi colore l'intera riga della colonna? per intenderci, come quella Oscar js web

    ho provato a vedere in rete, ma non funziano..
    se intendi il menu' di sinistra ....
    a:link {

    background-color : black;

    }
    a.navigation:visited {

    background-color : black;

    }
    a.navigation:active {

    background-color : black;
    }
    a.navigation:hover {

    background-color : red;

    }

    salud
    paolo
    Non so se Dio esiste ma se non esiste ci fa una figura migliore!
    - S. Benni -

  5. #5
    ma se io volessi anche abbinargli un link all'intera tabella?? ti chiedo questo perchè il codice che mi hai dato è giusto, ma l'hover sulla scritta funziona solo se sei sopra la scritta..

    de gustibus non disputandum est

  6. #6
    Utente di HTML.it
    Registrato dal
    Dec 2000
    residenza
    Savona
    Messaggi
    897

    Codice completo...

    <html>
    <head>
    <title>lukeonweb.net</title>
    <style type="text/css">
    div.main {
    border: Solid 1px #f3f3f3;
    width: 150px;
    }
    div.menu {
    background: #EEEEEE;
    font-size: 10px;
    font-family: Verdana;
    }
    a.menu {
    background: #cccccc;
    color: #000000;
    padding: 1px;
    position: Relative;
    text-decoration: None;
    display: Block;
    }
    a:hover.menu {
    background: #f3f3f3;
    color: #336699;
    padding: 1px;
    position: Relative;
    text-decoration: none;
    display: Block;
    }
    </style>
    </head>
    <body>

    <div class="main">
    <div class="menu">LINK 1</div>
    <div class="menu">LINK 2</div>
    <div class="menu">LINK 3</div>
    </div>

    </body>
    </html>


    Ciao,
    dover

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.