Avautuva valikko

nimim.

Ajattelin, että sellainen tippuva valikko olisi hauska. Elikkä sellainen linkki, joka avaituu alaspäin kun asettaa hiiren sen päälle ja sieltä ilmestyisi lisää linkkejä, joita voisi painella. Tällainenhan onnistuu CSS:llä, mutta kysymys kuuluu: miten?

Ja nämä ohjeet olisi hyvä saada suomeksi ja selkeästi. Tai jos joku ystävällinen laittaisi vastaukseen pienen esimerkkikoodauksen tilanteesta, jota sitten voisi muokata tarpeitten mukaan.

11

2243

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
      • eih...

        Mutta eihän siellä näy suomenkielisiä ohjeita.
        Ohjeiden tulisi siis olla suomeksi ja selkeästi.


      • ---------
        eih... kirjoitti:

        Mutta eihän siellä näy suomenkielisiä ohjeita.
        Ohjeiden tulisi siis olla suomeksi ja selkeästi.

        Mutta alussa sanoit.

        *Tai jos joku ystävällinen laittaisi vastaukseen pienen esimerkkikoodauksen tilanteesta, jota sitten voisi muokata tarpeitten mukaan.*

        http://www.cssplay.co.uk/menus/dd_valid.html tuolla on esimerkki koodi jota voit muokata haluamakseen.

        Kopioi tuo http://www.cssplay.co.uk/menus/css/dropdown.txt koodi sivuillesi.

        Tallenna kaksi CSS tiedostoa http://www.cssplay.co.uk/menus/css/dropdown.css ja http://www.cssplay.co.uk/menus/css/dropdown_ie.css

        Sitten sivun alkuun






        Noilla pitäisi onnistua. Suomeksi ei pahemmin ohjeita löydä, kenties JS saattaisi löytyä. Mutta tuo on tänhetken parhain tapa tehdä tuo juttu. Joten miksi et käyttäisi sitä?

        Jos ongelmia sen käytössä niin kysy kyl joku aina auttaa.


      • ...mitenkään
        --------- kirjoitti:

        Mutta alussa sanoit.

        *Tai jos joku ystävällinen laittaisi vastaukseen pienen esimerkkikoodauksen tilanteesta, jota sitten voisi muokata tarpeitten mukaan.*

        http://www.cssplay.co.uk/menus/dd_valid.html tuolla on esimerkki koodi jota voit muokata haluamakseen.

        Kopioi tuo http://www.cssplay.co.uk/menus/css/dropdown.txt koodi sivuillesi.

        Tallenna kaksi CSS tiedostoa http://www.cssplay.co.uk/menus/css/dropdown.css ja http://www.cssplay.co.uk/menus/css/dropdown_ie.css

        Sitten sivun alkuun






        Noilla pitäisi onnistua. Suomeksi ei pahemmin ohjeita löydä, kenties JS saattaisi löytyä. Mutta tuo on tänhetken parhain tapa tehdä tuo juttu. Joten miksi et käyttäisi sitä?

        Jos ongelmia sen käytössä niin kysy kyl joku aina auttaa.

        Jokin siinä vielä mättää. Kaikki tiedostot laittelin niinkuin kerroit, mutta eipä ne lootikot vain avautuneet mitenkään. Laitoin hiiren sen päälle, mutta siitä ei tullut muuta kuin hover-väri laatikolle; ja kun sitä painaisi niin sivu meni "Sivua ei voi näyttää"-sivulle.

        Mikähän siinä tällä kertaa voisi olla pielessä?
        Pitikö siinä jotain erikoista tehdä? Onko ne laatikoiden päälimmäisten linkkien osoitteet oltava juuri niin vai onko ne jotain esimerkkejä? Vai pitäisikö niitä osotteita nimenomaan muuttaa, että se toimisi?


      • eikunvaan
        ...mitenkään kirjoitti:

        Jokin siinä vielä mättää. Kaikki tiedostot laittelin niinkuin kerroit, mutta eipä ne lootikot vain avautuneet mitenkään. Laitoin hiiren sen päälle, mutta siitä ei tullut muuta kuin hover-väri laatikolle; ja kun sitä painaisi niin sivu meni "Sivua ei voi näyttää"-sivulle.

        Mikähän siinä tällä kertaa voisi olla pielessä?
        Pitikö siinä jotain erikoista tehdä? Onko ne laatikoiden päälimmäisten linkkien osoitteet oltava juuri niin vai onko ne jotain esimerkkejä? Vai pitäisikö niitä osotteita nimenomaan muuttaa, että se toimisi?

        Käsittääkseni exploreri ei tajua noita css-valikkosysteemejä...Tuliketulla sensijaan pitäisi toimia.

        Korjatkaa jos väärässä olen.


      • Höpö.
        eikunvaan kirjoitti:

        Käsittääkseni exploreri ei tajua noita css-valikkosysteemejä...Tuliketulla sensijaan pitäisi toimia.

        Korjatkaa jos väärässä olen.

        Olet oikeassa. Siksi tuolla on myös js-tiedosto joka saa homman toimimaan jopa IE:ssä. Sitä ei saa unohtaa.


      • Toimii
        Höpö. kirjoitti:

        Olet oikeassa. Siksi tuolla on myös js-tiedosto joka saa homman toimimaan jopa IE:ssä. Sitä ei saa unohtaa.

        Käytin kyllä Exploreria, joten siksi se ei varmaan toiminut. Mutta ratkaisin ongelman toisella tapaa ja otin JavaScriptia mukaan; ja viimein sain valikon toimimaan.


      • ---------
        Höpö. kirjoitti:

        Olet oikeassa. Siksi tuolla on myös js-tiedosto joka saa homman toimimaan jopa IE:ssä. Sitä ei saa unohtaa.

        *Olet oikeassa. Siksi tuolla on myös js-tiedosto joka saa homman toimimaan jopa IE:ssä. Sitä ei saa unohtaa.*

        Katsoitko edes miten tuo on toteutettu?
        Nimittäin tuossa ei ole mitään JS juttuja ja toimii jopa IE:lläkin. IE:lle tehdään vain pieni lisä koodiin(Lisätään taulukko) ja haetaan pieni lisäys CSS tiedostoon.

        Siksi

        Kokeile toimiiko tuo http://www.cssplay.co.uk/menus/dd_valid.html esimerkki sinun IE:lläsi.


      • Höpö.
        --------- kirjoitti:

        *Olet oikeassa. Siksi tuolla on myös js-tiedosto joka saa homman toimimaan jopa IE:ssä. Sitä ei saa unohtaa.*

        Katsoitko edes miten tuo on toteutettu?
        Nimittäin tuossa ei ole mitään JS juttuja ja toimii jopa IE:lläkin. IE:lle tehdään vain pieni lisä koodiin(Lisätään taulukko) ja haetaan pieni lisäys CSS tiedostoon.

        Siksi

        Kokeile toimiiko tuo http://www.cssplay.co.uk/menus/dd_valid.html esimerkki sinun IE:lläsi.

        Juu en kattonut, en käynyt edes koko sivulla. Muistelin vain että Stu Nichols käyttäisi sitä js-bugikorjainta mutta muistin ilmeisesti väärin. Se korjain taisikin olla Suckerfishillä.

        No muisti pettää jo tässä iässä..


      • eikunvaan
        Höpö. kirjoitti:

        Juu en kattonut, en käynyt edes koko sivulla. Muistelin vain että Stu Nichols käyttäisi sitä js-bugikorjainta mutta muistin ilmeisesti väärin. Se korjain taisikin olla Suckerfishillä.

        No muisti pettää jo tässä iässä..

        Ohi tuo oli mennyt minultakin...mutta joo toimii myös IE:ssa.


      • ---------
        Höpö. kirjoitti:

        Juu en kattonut, en käynyt edes koko sivulla. Muistelin vain että Stu Nichols käyttäisi sitä js-bugikorjainta mutta muistin ilmeisesti väärin. Se korjain taisikin olla Suckerfishillä.

        No muisti pettää jo tässä iässä..

        Tais noillakin sivuilla aikanaan olla se JS juttu, siinähän oli omat ongelmansa.


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

    Luetuimmat keskustelut

    1. Vesikin maksaa, miksei hengitysilma?

      Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial
      Maailman menoa
      8
      1656
    2. Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin

      Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras
      Maailman menoa
      124
      1642
    3. Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä

      Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva
      Maailman menoa
      245
      1162
    4. Lahkokasteen ja kristillisen kasteen erot

      Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks
      Kaste
      422
      1078
    5. Mies profiloin sinut

      Etsit täysin hallittavaa mutta samalla poikkeuksellista ihmistä. Etsit jotain mitä et koskaan tule saamaan.
      Ikävä
      186
      996
    6. Mitä haluaisit

      Tehdä kaivattusi kanssa?
      Ikävä
      128
      919
    7. Heikki Paasosen Marita-vaimo jätti tunteikkaat jäähyväiset: "Tällä kertaa me..."

      Heikki Paasonen on naimisissa Marita Paasosen (os. Alatalo) kanssa ja heillä on kaksi pientä lasta. Nyt koitti aika jätt
      Suomalaiset julkkikset
      2
      866
    8. Känsäkoura ja hotelli

      Tietoa kuka ostanut?
      Kuhmo
      10
      845
    9. Pirkanlinna yleisötapahtuma

      Oli todella hyvä tilaisuus. Ja EERO. L. Aivan mahtava tyyppi. Veti rennosti ja asiallisesti. Ja yleisöltä hyviä kysymyks
      Ähtäri
      48
      833
    10. Kuka omistaa keltaisen vanhan aravan?

      Pitäs saada rakennuksen omistajaan yhteys, rappukäytävät on siivottomassa kunnossa. Hiekkaa ja roskia rappusissa, lisäks
      Haapavesi
      29
      827
    Aihe