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?
Tähän mennesä olen onnistunut saamaan värin vaihdon aikaiseksi tekstin alla. Miten se tehdään, kun koko solun väri vaihtuu?
Vastaukset 2
Vanhimmat
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;}