Haluaisin säilyttää linkin tekstinä, mikä sulkee pois OnMouseOver-javascriptin linkkivalikosta. Tätä parempi tapa varmaankin olisi tehdä linkkitekstille hover-kuva taustalle. Osaan sellaisen laittaa paikoilleen, mutta se näkyy vain tekstin taustalla tekstin kokoisena.
Miten siis tehdään isompi kuva taustalle? Tässä tapauksessa kuva on kaunokirjoitus-anfangi kalligrafisen kiekuran lisäksi. Mikä olisi paras tapa toteuttaa tämä? Oma kokemukseni ei riitä keksimään tähän vastausta, joten nöyrästi pyydän apua.
Mieluiten laittaisin linkit samalle riville ilman omia solujaan (solun taustan vaihtumiseen olikin täällä foorumissa jo muutama viesti aiemmin ratkaisu).
Linkille hover-kuva
mikä käytännöllisin tapa?
2
434
Vastaukset
- geehru
kokeiles css:ään
a
{
jotain määrityksiä
}
a:hover
{
määrityksiä hover linkille
}- ap.
Keksin jo: lisäsin css:ään linkkeihin paddingiä, jolloin tekstin taustalla näkyvä ala laajenee ja kuvakin näkyy kokonaan. toimii ainakin safarilla, operalla ja firefoxilla. En ole vielä päässyt testaamaan IE:llä. Jos jollakulla on halua kokeilla, niin odotan mielenkiinnolla... paitsi, että tuossa allaolevasta on poistettu kuva ja kokeiltu pelkällä taustavärillä, mutta toimii myös kuvan kanssa.
a:link {
color: #ece8e3;
text-decoration: none;
padding:15px 10px 15px 10px;
}
a:visited {
color:#b9afb8;
text-decoration:none;
padding:15px 10px 15px 10px;
}
a:hover {
color: #ece8e3;
text-decoration:underline;
background-color:#4a3b32;
padding:15px 10px 15px 10px;
}
a:active {
color:#ece8e3;
text-decoration:underline;
background-color:#4a3b32;
padding:15px 10px 15px 10px;
}
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 742932
- 642773
- 681822
Tykkään susta
Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä171659- 241657
- 201600
- 191518
- 481297
- 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ä. Ko91259