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

436

Ää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. Riikka ei suostu laskemaan bensan hintaa

      Sanna laski esimerkiksi sähkön arvonlisäveron 10 prosenttiin, jonka Riiikka anosti 25,5 prosenttiin. Sannan aikaan bens
      Maailman menoa
      145
      3680

    2. Maahanmuuttajien vaikutus Suomen valtiontalouteen positiivinen

      Maahanmuuttajat maksavat enemmän tuloveroja kuin saavat tulonsiirtoja. Eroavat persuista tässä suhteessa. Persuista o
      Maailman menoa
      8
      2996

    3. EK: Suomi tarvitsee vuosittain 45 000 maahanmuuttajaa

      Senpä takia Riikkakin laulaa sen lauluja kenen leipää syö. Viime vuonnahan Suomeen muutti 50 tuhatta ulkomaalaista. htt
      Maailman menoa
      225
      2612

    4. Kesäaika on normaaliaika...

      ...siten illalla on valoisaa tunnin pitempään, on sitten kesä tai talvi. Voi nauttia päivän jatkumisesta. Kuka nyt aamul
      Maailman menoa
      232
      2091

    5. Uusin tutkimus: Suomi on maailman toiseksi vähin rasistinen maa

      taakse jää mm. Ruotsi(7) ja Norja(8). Martin Paasi(kok.): Kumoaa vasemmiston väitteet. Kansainvälinen vertailu osoitta
      Maailman menoa
      70
      1890

    6. Ähtärin päättäjät

      Nyt tulee kutsu leivättömän pöydän äärelle. Syytteet nostetaan. https://www.iltalehti.fi/kotimaa/a/cef83309-0a1b-4fcd-9b
      Ähtäri
      53
      1297

    7. Ketkä 8 Ähtärin luottamushenkilöä saivat syytteen virka_aseman väärinkäyttämisestä?

      Nyt näiden valtuutettujen nimet esiin, kiitos! Nämä henkilöt pitää yksinkertaisesti laittaa syrjään Ähtärin kaupunginva
      Ähtäri
      25
      1169

    8. Tulen hulluksi hänestä

      Hän on vanha ja varattu. Mutta olen ihan hulluna häneen. Haluan hänet omakseni. Haluan olla hänen kanssaan ajasta ikuisu
      Ikävä
      68
      1093

    9. Miltä tuntuu kun

      On asioita joita ei rahalla voi ostaa?
      Ikävä
      109
      909

    10. Ensimmäinen kuukausi palkatatta

      Siis ei jumankauta näitä kokoomuksen ehdoituksia. Nytkin joku Otto Meri ehdoittaa, että ensimmäinen kuukausi pitäisi ty
      Kansallinen Kokoomus
      80
      882
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt