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

372

Ää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. 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
      111
      3034

    2. Seuraava hallituspohja - Kokoomus, kepu, persut + KD

      Kokoomus saa ainakin 20% kannatuksen ensi vaaleissa, keskusta sanoisin noin 15%, persut todennäköisesti enemmän, ehkä 17
      Maailman menoa
      192
      2720

    3. 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
      62
      2156

    4. 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
      1
      1441

    5. Maria Veitola kommentoi soutelija Saarion huomionhakuisuutta

      "Minusta on jotenkin kuvottavaa, kuinka kovalla intensiteetillä Suomi-media seuraa miessankari Jari Saarion merihätää. S
      Kotimaiset julkkisjuorut
      244
      1433

    6. Vihervassarit

      Vihervassarit sitä, vihervassarit tätä. Minulla on paha mt-ongelma. Se tuli lobotomian jälkioireina. Vihervassarit tät
      Maailman menoa
      23
      1326

    7. 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ä
      3
      1141

    8. Ei osattu ratkaista etääntymistä

      Mä jäädyin eikä sulla ole taitoa sulattaa. Parempi antaa olla, vaikka toivoin jotain muuta. Miehelle.
      Ikävä
      115
      900

    9. Ei ole liian myöhäistä..

      Tule mun luo ja katso silmiin, niin saadaan taas se sanaton yhteys ja sano sitten vain anteeksi rakas ja suutele ja hala
      Ikävä
      3
      892

    10. Esprit hoitokdit Varkaudessa?

      Asun keskisuomessa ja käyn satunnaisesti äitini luona Varkaudessa. Äitin tarvitsee kohta hoitajan kotiin tai hoitokodin
      Varkaus
      103
      873
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt