Rekisteröidy

Ilmoitukset

Ladataan…

    Näytä kaikki

    Pieni ongelma

    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
    6383
    Äänestä

    Muut lukivat myös

    Vastaukset 6

    Vanhimmat

    koodiin kohta TITLE:



    :)

    Äänestä

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

      Äänestä

    class="info"...

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

    Äänestä

    • /*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;
      }

      Äänestä

    • 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

      Äänestä

    Odottaa vastausta

    Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.

    Luetuimmat keskustelut

    Kommentoi aloitusta

    hjkp kirjoitti:

    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

    Anonyymi
    5000

    Ilmoita asiaton sisältö

    • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

    • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

    • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

    • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

    • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

    • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

    Jaa keskustelu