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
294
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
- 742922
- 642773
- 681812
Tykkään susta
Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä171659- 241647
- 201590
- 191508
- 481287
- 381263
Onko meillä
Molemmilla nyt hyvät fiilikset😢ei ainakaan mulla mutta eteenpäin on mentävä😏ikävä on, kait se helpottaa ajan myötä. Ko91249