Mitenhän voisi tehdä kuvan, jonka päälle kun vie hiiren se vaihtuu ja kyseisessä kuvassa olisi linkki?
linkki ja kuvan vaihtuminen
3
551
Vastaukset
- juhakorkeapudas
Sen voi tehdä vaikka Javascriptillä, http://keskustelu.suomi24.fi/show.fcgi?category=108&conference=4500000000000145&subcat=1131.
CSS:llä et voi tietenkään luoda linkkejä. Mutta voit tehdä niin, että linkki on osa sivua mutta piilossa, kunnes osoitin viedään kuvan kohdalle.
Yksi kikkailumahdollisuus on se, että toisesta kuvasta tehdään CSS:llä taustakuva ja alkuperäinen kuva häivytetään. Linkkitekstin voi sijoittaa asemoinnilla. Tähän tapaan:
HTML-merkkaus:
linkkiteksti
CSS-koodi (jossa oletetaan, että kuvan koko on 210×209 pikseliä – koska testikuvani sattui olemaan sellainen):
.linkkikuva { width: 210px; height: 209px; position: relative; }
.linkkikuva a { display: none; }
.linkkikuva:hover { background: url(test2.png) no-repeat; }
.linkkikuva:hover img { display: none; }
.linkkikuva:hover a { display: inline; position: absolute; left: 4em; top: 5em; }
(Asetus position: relative tehdään sitä varten, että tämän jälkeen voidaan tekstielementti sijoittaa ”absoluuttisesti” tämän elementin sisällä.)- css:llä?
Voi olla pilkkuvirheitä, mutta idea varmaan selviää!
****************
a:link, a:visited, a:active {
background-image: url('1.gif');
position: absolute;
}
a:hover {
background-image: url('2.gif');
position: absolute;
}
***************
lapinakyva.gif: Voi olla vaikka 1 x 1 px, joka sitten html:ssä määritetään oikean kokoiseksi (tässä 100 x 100 px).
1.gif ja 2.gif: 100 x 100 px (en ole aivan varma, mutta käsittääkseni voidaan "esiladata" ilman scriptejä, liittämällä ne johonkin kohtaan sivua 0 x 0 px kokoisina).
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 814492
Purra on kantanut vastuuta täyden kympin arvoisesti
Luottoluokituksen lasku, ennätysvelat ja ennätystyöttömyys siitä muutamana esimerkkinä. Jatkakoon hän hyvin aloittamaans1224167Persujen mukaan rasismi on huumoria
Vaan kun koomikko kutsui Halla-ahoa fasistiksi, niin piti haastaa oikeuteen. Mihin se huumorinitaju yhtäkkiä hävisi? ⠀424116BOIKOTOIN - Ei mitään Suomi.fi postilaatikoita käyttöön
Ainakaan minulle! Vai että pitäisi alkaa siellä käyädä katselemassa tammikuusta 2026 siis periaatteessa päivittäin että1693291Lasse Lehtonen vaatii persuja pyytämään anteeksi aasialaisilta
Persut ova romahduttaneet Suomen maakuvan parissa päivässä negatiiviseksi rasismillaan ja se alkaa vaikuttamaan jo Suome592610Surullista
Että menetit sen naisen , tosi surullista ja vielä oman tyhmyyden takia ,ymmärrän että se on masentavaa582577Hallitus on kaadettava ja Orpon on erottava
Mikään muu hallitus ei ole oman elämäni aikana tuhonnut näin paljon tämän maan taloutta ja työllisyyttä sekä suomen main352562- 1722532
Muuttunut käytös
Onko kaivattusi käytös muuttunut? Tiedätkö mistä se johtuu? Haluatko kertoa, mitä tapahtui?682459Väkeä oli liikkeellä
Nyt leijutaan pilvissä. Kun eläinpuistossa oli porukkaa 😆😆 Olihan siellä kun ilmaiseksi pääsivät. Eiköhän se juuri sik432132