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
Pieni ongelma
hjkp
6
334
Vastaukset
- 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
hjkp kirjoitti:
Kissa
http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
tuolla samaa aihettahttp://dero.name/js/readme.html ratkaisu löytyi tuolta, ja linkkejä lisää jos joku toinenkin etsii samaa asiaa....
http://www.smashingmagazine.com/2007/06/12/tooltips-scripts-ajax-javascript-css-dhtml/
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 1797382
Klaukkalan onnettomuus 4.4
Klaukkalassa oli tänään se kolmen nuoren naisen onnettomuus, onko kellään mitään tietoa mitä kävi tai ketä onnettomuudes853232- 572305
Kolari Klaukkala
Kaksi teinityttö kuoli. Vastaantulijoille ei käynyt mitenkään. Mikä auto ja malli telineillä oli entä se toinen auto? Se681473Ukraina ja Zelenskyn ylläpitämä sota tuhoaa Euroopan, ei Venäjä
Mutta tätä ei YLE eikä Helsingin Sanomat kerto.3691424- 571343
Ooo! Kaija Koo saa kesämökille öky-rempan:jättimäinen terde, poreallas... Katso ennen-jälkeen kuvat!
Wow, nyt on Kaija Koon mökkipihalla kyllä iso muutos! Miltä näyttää, haluaisitko omalle mökillesi vaikkapa samanlaisen l201306Toivoisin, että lähentyisit kanssani
Tänään koin, että välillämme oli enemmän. Kummatkin katsoivat pidempään kuin tavallisesti toista silmiin. En tiedä mistä171061Kevyt on olo
Tiedättekö, että olo kevenee kummasti, kun päästää turhista asioista tai ihmisistä irti! Tämä on hyvä näin <3841018Olisinpa jo siellä, otatkohan minut vastaan
Olisitpa lähelläni ja antaisit minun maalata sinulle kuvaa siitä kaikesta ikävästä, tuskasta, epävarmuudesta ja mieleni791010