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ää..
Suntuubi, kuvalinkki jossa kuva vaihtuu hoverissa
jelppiä
4
505
Vastaukset 4
- 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
Mikä on totta mikä ei?
Onko juoru vai ei että nimeltä mainitsematon henkilö on tehnyt naiselle/naisille jotain joka on väärin?251838- 126851
Just saying
Mies joka antaa naiselle turvallisen olon, on seksikäs. Ei kieroja kikkoja ja haluaa olla vain sen yhden naisen mies.123647- 54588
Löytyikö syy miksi Martina on Muhiksen kanssa
Saipa naurut Gekkosen kuvasta, missä ovat ravintola Hookissa Immu fight night ottelun jälkeen, Muhoksella pullottaa hirv90555Jos selviäisi että kaivattusi
Olisi savant asperger? Rakastaisitko vielä? Savant-lahjakkuus olisi kapea-alaista neroutta liittyen mekanisiin ja tilan88540- 65531
- 42525
Päivän aivopieru Trumpilta
Trump julisti sodan hyttysiä vastaan. Myös punkit ovat Trumpin sodan kohteena. Eikö vieläkään USA:n kansa tajua tuon uko62495Oliko Jani Halmeen aika jo tippua TTK:sta?
Jani Halme ja Claudia Ketonen joutuivat jättämään TTK:n. Halme ja Ketonen saivat viimeiseksi jäänestä tanssista, sambas26474Jokin ei täsmää
Joskus yksi vuosiluku saa katsomaan koko tarinaa uudestaan. Löysin gradun. Matematiikka ei oikein täsmää siihen, mitä mi267470Toivotko vielä viestiä
Minulta? En rohkene enää ottaa yhteyttä, kun varmasti jo uusia naisia elämässä. Nolaisin vain itseni.34463- 9456
Kuka kaipaa T m?
Kerro nainen kirjaimesi vaan... Haluan miettiä kuka tulee ekana mieleeni.. kuin kurkistus tunteiden meren pinnalle, jota31425- 58422
Jorma Uotinen läväytti härskin heiton - Paljastus uudesta TTK-romanssista?
Tuomari Jorma Uotisen linja on välillä hyvinkin rohkea TTK:ssa. Hän näpäytti Jaakko Parkkalille ja Kastanja Rauhalalle v9419- 41416
Miksi jotku naiset on niin tyhmiä
Että elättelevät turhaa toivoa toisen kustannuksella. Onko ne kaikki kaappilesboja vai mikä niitä vaivaa? Sitten itketä51415Jätä jo se puolisosi, mun kanssa kilpa-asetelma on tuhoisa.
Eikä hän tule sitä voittamaan. Myöskään missään vanhassa ei kannata roikkua, koska ei uskalla kohdata muutosta, hyvät as27406S-ryhmän vastuullisuuden kaksoisstandardi
Vastuullisuuspuhe on helppoa. Vaikeampaa on selittää, miksi S-ryhmän omien merkkien tuotteita ja raaka-aineita hankitaan6395