Suntuubi, kuvalinkki jossa kuva vaihtuu hoverissa

jelppiä

Jos joku osaa kertoa, miten teen suntuubiin ns. vaihtuvan kuvalinkin, niin kiitos.
Eli, kun hiiri on kohdistettuna kuvaan, kuva muuttuu erinäköiseksi.

Suntuubissa css koodit laitetaan eri paikkaan kun html. Olen tehnyt oman navigaationi, jossa minulla on kuvalinkki, kuvan nimi on etusivu.png.

Kun menen css puolelle, laitan koodin:
#etusivu.png li a:hover {
background-image: url (http://tsivujeniosoite.com/datafiles/userfiles/Image/etusivu2.png);

kuva ei kuitenkaan vaihdu hiirellä kohdistaessa. Missä vika? Epäilen että tuo css puolella oleva etusivu.png nimike on väärin, mutta en ymmärrä mikä silti mättää..

4

373

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 0smo

      Mitä tod. näk. ainakin valitsimessa (#etusivu.png li a:hover) on virhe, sillä tuollaisenaan se suomentuu suur. piir. seuraavasti:

      Valitsee mikä tahansa A-elementti, joka on osoittimen alla ja joka on LI-elementin jälkeläinen ja joka on minkä tahansa elementin jälkeläinen jonka ID-attribuutti on etusivu ja joka kuuluu png-luokkaan.

      Eli jos jätät valitsimen muotoon:

      a:hover

      ja jos taustakuva vaihtuu niin silloin tod. näk. polku on oikein ja vika on valitsimessa, jolloin voit miettiä sen uusiksi. Muuten tee ongelmasta demosivu ja postaa URL.

    • sfinski80

      CSS koodiin kun ei kuulu laittaa tiedoston nimiä. Koska se ei niitä hae. Joten ei toimi.
      eli #etusivu.png tuollaisia komentoja ei ole olemassakaan.

      Tosin voit html:ssä nimetä kuvalle id="etusivukuva"
      ja kutsua tällä css:ssä #etusivukuva li a:hover {
      background-image: url

      • 0smo

        Hieman tarkennusta edelliseen:

        1) Joissakin tapauksissa tiedostonimet ovat ihan "validia" CSS-koodia, kuten taustakuvien määrittelyissä. Myös valitsimissa, lähinnä attribuuttiselektoreissa, voi joskus esiintyä tiedostonimiä.

        2) #etusivu.png on syntaksiltaan ihan käypä valitsinyhdistelmä, joka valisee minkä tahansa elementin, jonka ID-attribuutti on "etusivu" ja joka kuuluu luokkaan "png" (id="etusivu" class="png").

        Suomenkielinen yhteenveto CSS3-valitsimista löytyy osoitteesta:

        http://weppipakki.com/css/tekstit/selektor.htm

        SelectORaclelta:

        http://tux.theopalgroup.com/cgi-bin/css3explainer/selectoracle.py

        voipi aina tiedustella valitsimien kohdistumisista, mikäli epävarmuutta esiintyy. Tällä hetkellä se vastaa vain englanniksi tai espanjaksi.

    • CascadingStyleSheets

      ”eli #etusivu.png tuollaisia komentoja ei ole olemassakaan.”

      Kyllä on olemassa valitsin ”#etusivu.png". Se valitsee elementin, jonka id on ”etusivu” ja joka kuuluu lisäksi ”png”-luokkaan.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Kuolemanrangaistus

      Mielestäni kuolemanrangaistus on väärin kaikissa tilanteissa. Vaikka joku olisi murhannut 10 ihmistä, hänen surmaaminen
      Laki ja rikos
      113
      6587

    2. Muistakaa persut, että TE petitte, ei kokoomus

      Miksikö kukaan ei arvostele kokoomusta? No sen vuoksi, että kokoomus noudattaa vaalilupauksiaan. Sen sijaan TE persut,
      Maailman menoa
      369
      6009

    3. Miksi persut eivät häädä mamuja pois Suomesta?

      Sitä vartenhan persut äänestettiin valtaan. Nyt valta on persuilla. Mamut nostaa työttömyyskorvauksia. Persut huutaa mam
      Maailman menoa
      41
      4428

    4. Lopetan ikävöinnin

      Ei meistä enää koskaan tule mitään. Olen ikävöinyt ja kaivannut enkä saa mitään vastakaikua ja lämpöä. Parempi erillään
      Ikävä
      12
      3735

    5. Riikka Purra ei estä tehomaksun käyttöönottoa

      Sähkön hinnoittelua koskevan määräyksen on määrä astua voimaan vuoden 2029 alusta, Energiavirastosta kerrotaan. Määräyk
      Maailman menoa
      72
      3617

    6. Outo ilmiö - vasemmistolaiset eivät kirjoita mitään kokoomuksesta

      joka sentään johtaa hallitusta, ja jonka talouspolitiikkaa noudatetaan. Nämä muutamat vasemmistolaiset jotka täällä aina
      Maailman menoa
      111
      2816

    7. Sanna Marinille pedataan paluuta pääministeriksi?

      Näyttäisi mylly lähteneen käyntiin nyt toden teolla. Nykyiset oikeistodemarit haukutaan vasemmistodemareiden toimesta ni
      Maailman menoa
      20
      2310

    8. Sinä olet minun forEver

      Sinä olet minun sielussain, sydämessäin, huulillain, sinä olet ain, Sinä olet vieressäin, kainalossain, sylissäin, ain,
      Ikävä
      25
      2262

    9. Jos kaikki lopulta kuolevat, onko edes pahimmillakaan rikoksilla mitään väliä?

      Kaikki kuolevat lopulta. Siksi ihmisten tekemillä rikoksillakaan ei lopulta ole mitään merkitystä. Joidenkin mielestä t
      Filosofia
      22
      1836

    10. Väestöstä vain vassarit vaihtuvat nopeammin kuin persut

      Kevääseen 2023 verrattuna vassareita 50 prosenttia enemmän, ja persuja 25 prosenttia vähemmän.
      Maailman menoa
      18
      1644
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt