Miten tehdään hover soluun?

ei osaa

Harjoittelen hoverin käyttöä. Tarkoituksena olisi tehdä linkkivalikko, jossa solun (jokainen linkki omaan soluunsa) taustaväri vaihtuu, kun nuolen vie linkin päälle.

Tähän mennesä olen onnistunut saamaan värin vaihdon aikaiseksi tekstin alla. Miten se tehdään, kun koko solun väri vaihtuu?

2

260

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • hoooo

      Syntaksi on täsmälleen sama kuin linkin tapauksessa, eli td:hover { background-color: #abcdef; }

      Mainittakoon, että koko kansan Internet Eplorer 6 ja sitä aikaisemmat selainversiot eivät tukeneet hoveria muille kuin linkeille (A). IE seiskassa tukea on parannettu siinä määrin, että tuon TD:n hoveri kyllä onnistuu.

      Jos haluat samanlaisen tehosteen siten, että se toimii myös IE 6:lla, niin yksi vaihtoehto on laittaa linkille display: block, jolloin se varaa koko solun leveyssuunnassa, ja tarvittaessa leikkiä height-määreellä. Siten linkki vie koko solun verran tilaa ja voit laittaa linkin vaihtamaan taustaa.

      Lopputulos on siis visuaalisesti täsmälleen sama, vaikkakin hieman säädömpää.

      • ...

        haluat käyttää edellisen jälkimmäisenä mainitsemaa tapaa, muttet ymmärtänyt miten, niin suosittelisin:
        Määrität taulukolle id:n, ja sitten laitat

        #taulukonid a {display:block;
        background-color:#abcdef;}

        #taulukonid a:hover {background-color:#abcdef;}


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Tykkään sinusta tosi tosi paljon

      Siksi en pysty sisäistämään sitä, että se ei ole molemminpuolista. Sattuu liikaa. En osaa käsitellä sitä tunnetta, koska
      Ikävä
      51
      3527
    2. Mikä sai sut ihastumaan

      Mitä tapahtui?
      Ikävä
      157
      2143
    3. Kaupan kassalla kannataa olla kylmä käytös

      https://www.is.fi/taloussanomat/art-2000010488540.html "19-vuotias Minja ja 59-vuotias Anne työskentelevät sillä todelli
      Sinkut
      206
      1845
    4. Mitä tehdä asialle?

      Jos laitan deitti-ilmon "40-vuotias nainen etsii seuraa" niin ketään ei kiinnosta (korkeintaan paria runkkaripenaa joill
      Sinkut
      134
      1756
    5. 80
      1175
    6. Mitä helvettiä pakolaisille pitäisi tehdä RAJALLA?

      Jos Venäjä työntää rajalle pakolaisia ja tekee Suomelle selväksi että heidän puolelleen ei ole pakolaisilla asiaa - mitä
      Maailman menoa
      320
      1136
    7. Hyvää heinäkuuta

      Hyvää huomenta ihanaa. 🦗🌾☔🤗🌻❤️
      Ikävä
      234
      1104
    8. Ethän syytä itseäsi

      siitä miten asia menivät. Mä en antanut sulle tilaisuutta.
      Ikävä
      132
      1031
    9. Olen pahoillani mies

      Olen surullinen puolestasi, ettet saanut kaipaamaasi naista. Yrititkö lopulta edes? Teistä olisi tullut hyvä pari
      Ikävä
      52
      949
    10. Olet mies varmasti peto

      Makkarin puolella. 🤤
      Ikävä
      73
      919
    Aihe