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

340

    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. Vesikin maksaa, miksei hengitysilma?

      Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial
      Maailman menoa
      2
      1635
    2. Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin

      Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras
      Maailman menoa
      106
      1597
    3. Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä

      Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva
      Maailman menoa
      234
      1122
    4. Lahkokasteen ja kristillisen kasteen erot

      Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks
      Kaste
      422
      1068
    5. Mitä haluaisit

      Tehdä kaivattusi kanssa?
      Ikävä
      128
      909
    6. Heikki Paasosen Marita-vaimo jätti tunteikkaat jäähyväiset: "Tällä kertaa me..."

      Heikki Paasonen on naimisissa Marita Paasosen (os. Alatalo) kanssa ja heillä on kaksi pientä lasta. Nyt koitti aika jätt
      Suomalaiset julkkikset
      2
      846
    7. Kuka omistaa keltaisen vanhan aravan?

      Pitäs saada rakennuksen omistajaan yhteys, rappukäytävät on siivottomassa kunnossa. Hiekkaa ja roskia rappusissa, lisäks
      Haapavesi
      29
      827
    8. Känsäkoura ja hotelli

      Tietoa kuka ostanut?
      Kuhmo
      10
      825
    9. Pirkanlinna yleisötapahtuma

      Oli todella hyvä tilaisuus. Ja EERO. L. Aivan mahtava tyyppi. Veti rennosti ja asiallisesti. Ja yleisöltä hyviä kysymyks
      Ähtäri
      47
      807
    10. Nostetaanko nainen kissa pöydälle?

      Ja selvitetään nämä tunteet?
      Ikävä
      69
      790
    Aihe