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
375
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
Vesikin maksaa, miksei hengitysilma?
Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial81656Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin
Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras1281653Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä
Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva2511179Lahkokasteen ja kristillisen kasteen erot
Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks4221078Mies profiloin sinut
Etsit täysin hallittavaa mutta samalla poikkeuksellista ihmistä. Etsit jotain mitä et koskaan tule saamaan.1991038- 128929
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ätt2866- 10845
Pirkanlinna yleisötapahtuma
Oli todella hyvä tilaisuus. Ja EERO. L. Aivan mahtava tyyppi. Veti rennosti ja asiallisesti. Ja yleisöltä hyviä kysymyks48843Kuka omistaa keltaisen vanhan aravan?
Pitäs saada rakennuksen omistajaan yhteys, rappukäytävät on siivottomassa kunnossa. Hiekkaa ja roskia rappusissa, lisäks29837