Pieni ongelma

hjkp

Kun esim. sanan kissa päälle vie hiiren niin pitäisi avautua "laatikko" jossa lukee "kissa on kotieläin", sain tälläisen systeemin toimimaan firexoksilla, mutta ei toimi ie6 eikä oiken operallakaan.
http://www.jlhaslip.trap17.com/tooltips/tooltips.html
Tuossa linkissä on esimekkki jota lähdin muokkaamaan.tässä vielä esimerkki koodista

kissaKissa on kotieläin

6

369

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Poro1

      koodiin kohta TITLE:



      :)

      • hjkp

        ei toimi vielä oikein operalla (laatikkoon tulee
        Otsikko:kissa on kotieläin
        Osoite:htp://jne......)
        pitänee vielä etsiä ratkaisua....


    • Poro1

      class="info"...

      info pitää sisällään siellä css tiedostossa...?

      • hjkp

        /*tässä tyylitiedosto jossa tablen ja "infolaatikon" tyylimääritteet*/
        caption.mytable
        {
        background-color:#8080ff;
        font-size: 12pt;
        color:red;
        border-style:solid;
        border-width:2px;
        border-color:black;
        }

        table.mytable
        {
        font-family:arial;
        border-collapse:collapse;
        font-size:10pt;
        background-color:#808080;
        width:500px;
        border-style:solid;
        border-color:black;
        border-width:2px;
        }

        th.mytable
        {
        font-size:10pt;
        color: #9ACD32;
        border-style:outset;
        }


        tr.mytable
        {
        }

        td.mytable
        {
        font-size:10pt;
        background-color:#FFFF66;
        color:#0000FF;
        border-style:solid;
        border-width:1px;
        text-align:center;
        }
        a.info{
        position:relative; /*this is the key*/
        z-index:24; /*alkuperäinen 24*/
        background-color:#FFFF66; /* background colour of display text */
        /*border: 1px dashed #cccc99;*/
        color:#0000FF; /* colour of display text */
        text-decoration:none;
        /*font-style:italic;*/
        }

        a.info:hover {
        z-index:25;
        background-color:#ffff66;

        }

        a.info span{
        display: none; /* hide the span text using this css */
        }

        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 2em; /* offset of the tooltip from the top */
        left: 2em; /* offset of the tooltip from the left */
        width:15em;
        border: 1px solid #228B22; /* border colour */
        background-color:#ffff99; /* background colour here */
        color:#000000; /* text colour */
        text-align: center;
        font-size: 10pt;
        /*font-style:italic;*/
        text-indent: 0px;
        }


      • hjkp
        hjkp kirjoitti:

        /*tässä tyylitiedosto jossa tablen ja "infolaatikon" tyylimääritteet*/
        caption.mytable
        {
        background-color:#8080ff;
        font-size: 12pt;
        color:red;
        border-style:solid;
        border-width:2px;
        border-color:black;
        }

        table.mytable
        {
        font-family:arial;
        border-collapse:collapse;
        font-size:10pt;
        background-color:#808080;
        width:500px;
        border-style:solid;
        border-color:black;
        border-width:2px;
        }

        th.mytable
        {
        font-size:10pt;
        color: #9ACD32;
        border-style:outset;
        }


        tr.mytable
        {
        }

        td.mytable
        {
        font-size:10pt;
        background-color:#FFFF66;
        color:#0000FF;
        border-style:solid;
        border-width:1px;
        text-align:center;
        }
        a.info{
        position:relative; /*this is the key*/
        z-index:24; /*alkuperäinen 24*/
        background-color:#FFFF66; /* background colour of display text */
        /*border: 1px dashed #cccc99;*/
        color:#0000FF; /* colour of display text */
        text-decoration:none;
        /*font-style:italic;*/
        }

        a.info:hover {
        z-index:25;
        background-color:#ffff66;

        }

        a.info span{
        display: none; /* hide the span text using this css */
        }

        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 2em; /* offset of the tooltip from the top */
        left: 2em; /* offset of the tooltip from the left */
        width:15em;
        border: 1px solid #228B22; /* border colour */
        background-color:#ffff99; /* background colour here */
        color:#000000; /* text colour */
        text-align: center;
        font-size: 10pt;
        /*font-style:italic;*/
        text-indent: 0px;
        }

        Kissa
        http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
        tuolla samaa aihetta


      • hjkp

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

    Luetuimmat keskustelut

    1. Arman Alizadin viesti puna-aktivisteille: "Pitäkää lärvinne nytkin kiinni"

      Arman Alizad kritisoi vasemmiston kaksinaismoralismia. Iranissa syntynyt suosikkijuontaja Arman Alizad pakeni perheensä
      Maailman menoa
      234
      3992
    2. Minja Koskela nostanut vasemmistoliiton kannatuksen ennätykseen

      Koskela valittiin puolueen johtoon lokakuussa 2024, ja silloin Ylen kysely antoi puolueelle 9,3 prosentin kannatuksen.
      Maailman menoa
      123
      2307
    3. Antti johtaa Petteriä jo 7,1 prosenttiyksiköllä

      Tällä menolla sdp menee kokoomuksesta kierroksella ohi jo tällä vaalikaudella. https://yle.fi/a/74-20213575
      Maailman menoa
      82
      1996
    4. Harmi nainen kun

      olet niin elähtäneen näköinen. Miestä et koskaan löydä itelles. j
      Ikävä
      141
      1461
    5. Mistä kehon osasta

      Pidät minussa eniten?
      Ikävä
      77
      929
    6. Seuraavakin hallitus joutuu leikkaamaan

      Sitähän tämä hallitus nyt höpöttää, kun itse on ajanut tilanteen katastrofaaliseksi. Orpon hallitus lähti suurin puhein
      Maailman menoa
      127
      927
    7. Hotelli kainuu

      Mietityttää, hotelli Kainuussa, se, että asiakkaat voivat valita ketä saa olla ja ketä ei, Illan aikana asiakkaina!
      Kuhmo
      37
      920
    8. Ovatko vastasyntyneet vauvat syntisiä?

      Se ihmisten keksimä järjetön perisynti, jos ovat!
      Luterilaisuus
      330
      849
    9. Pitäis vaan lopettaa

      Sinun kanssa yhteydenpito. Alkaa vaan haluamaan enemmän ja tuskin lopulta mikään kohtaisi. Ja ikävä vaan kasvaa ja lähei
      Ikävä
      8
      847
    10. J. Rinta-Joupilla jättimäinen veropetosvyyhti

      Seinäjoen keskustan kiinteismiljonäärit olleet jo pitkään ahtaalla ja liittykö J. Rinta-Jouppikin rintamaan? https://yl
      Seinäjoki
      61
      756
    Aihe