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?
Miten tehdään hover soluun?
ei osaa
2
302
Vastaukset
- 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
Nyt tajusin mitä haet takaa
En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä433753- 382508
Naiselle mieheltä
Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?342031- 231782
- 171699
Ihmetteletkö, mihin sinussa ihastuin?
Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai1001612- 231598
Mitä yhteistä on sulla ja kaivatulla?
Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko991466- 241457
- 221419