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

430

    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.

    • 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ä.

    Luetuimmat keskustelut

    1. Suomalainen tutkimus paljasti oudon asian vasemmistolaisista - he häpeävät itseään

      Kyllä, asia on faktaa. Suomalainen tutkimus osoittaa, että vasemmistolaisina itseään pitävät kansalaiset häpeävät itseää
      Maailman menoa
      138
      3799
    2. Sosialismia Tampereella: Virallinen ilmiantolinja avautuu kaupungissa

      Nyt siis mennään mansessa ihan justiinsa samaan malliin kuin entisessä Neuvostoliitossa, jossa saattoi ilmiantaa naapuri
      Maailman menoa
      336
      2944
    3. Tätä et nähnyt tv:ssä: Frederik paljastaa - Totuus "haisevasta jäynästä" pehtoorille Farmilla

      Frederik veti ns. herneen nenään ja päätti kostaa pehtoorille. Mitäs mieltä olet Frederikin "aamutoimista"? Lue jutt
      Tv-sarjat
      8
      1845
    4. Ellen Jokikunnas paljastaa kyynelehtien Ralph-pojasta: "Apua..."

      Ellen Jokikunnaksen ja hänen puolisonsa Jari Raskin perheestä ja taloprojektista Italiassa kertova Unelmia Italiassa -sa
      Suomalaiset julkkikset
      5
      1588
    5. Oho! Vappu Pimiä teki "röyhkeän" teon - Onko sopivaa paljastaa tämä MasterChef-sarjasta?

      Vappu Pimiä on astunut MasterChef Suomi -keittiöön ja liittynyt ohjelman legendaariseen tuomaristoon Helena Puolakan ja
      Tv-sarjat
      4
      1069
    6. Mun kaikkialta häviäminen

      Ei liity sinuun. Muista se. ❤️ Mua kiusataan enkä mä enää jaksa.
      Ikävä
      71
      914
    7. Kaste tulisi tehdä apostolisella tavalla Ap. t. 2:38 mukaan

      Apostolit eivät kastaneet kolminaisuuden nimellä vaan Jeesuksen alkuperäisen käskyn mukaisesti: Ap. t. 2:38 Niin Pietar
      Kaste
      38
      854
    8. Onko teillä

      minkä tyyppisiä seksifantasioita kaivattunne kanssa?
      Ikävä
      44
      754
    9. Kuhmossa rallit alkoi ennen aikojaan

      Paettiin polliisia törkeästi? Se tuo rallikiima on näemmä saavuttanu paikalliset tommi mäkiset kiljupäissään auton rat
      Kuhmo
      22
      698
    10. Inhottaa ajatus siitä

      Miten monia olet pannut.
      Ikävä
      56
      697
    Aihe