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

375

    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. 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
      128
      1653
    3. Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä

      Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva
      Maailman menoa
      251
      1179
    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ä
      199
      1038
    6. Mitä haluaisit

      Tehdä kaivattusi kanssa?
      Ikävä
      128
      929
    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
      843
    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
      837
    Aihe