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
345
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
Nyt tajusin mitä haet takaa
En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä433753- 382518
Naiselle mieheltä
Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?352042- 231782
- 171699
Ihmetteletkö, mihin sinussa ihastuin?
Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai1001622- 231598
Mitä yhteistä on sulla ja kaivatulla?
Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko991466- 241457
- 221419