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
376
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
- 233378
Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä
Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva5402702Vesikin maksaa, miksei hengitysilma?
Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial532260Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin
Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras2122241Joensuun kaupunki levittelee tonttitietoja Keskisuomalaiselle
Sähköposteja ja tonttitietoja levitellään mm. Pasi Koivumaalle131709Mies profiloin sinut
Etsit täysin hallittavaa mutta samalla poikkeuksellista ihmistä. Etsit jotain mitä et koskaan tule saamaan.2191519Kiantama kartelli
Onko alhaisempaa kuin toimia ensin kartellissa ja lopuksi koittaa pelastaa nahkasa vasikoimalla muut kun jää kiinni? Eip521481- 971389
Oletko nainen alkanut kammoamaan minua
Sinua ei näy eikä kuulu, ja ilmeisesti kiertelet tilanteita. Oletko huomannut, että olet vieläkin ajatuksissani luvattom621211Saako 60 v vielä töitä? Arto Nyberg puhuu suoraan elämästä ilman töitä
Arto Nyberg täyttää tänään 60 v. Onnea! Nyberg totuttiin näkemään suoran haastatteluohjelman kapteenina vuodesta toise951184