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
319
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
Mies kateissa Lapualla
Voi ei taas! Toivottavasti tällä on onnellinen loppu. https://poliisi.fi/-/mies-kateissa-lapualla1166040Poliisi tutkii murhaa Paltamossa
Poliisi tutkii Kainuussa sijaitsevassa Paltamon kunnassa epäiltyä henkirikosta, joka on tapahtunut viime viikon perjanta334137- 823362
Jos me voitais puhua
Jos me voitais puhua tästä, mä sanoisin, että se on vaan tunne ja se menee ohi. Sun ei tarvitse jännittää mua. Mä kyllä182996Jenna meni seksilakkoon
"Olen oppinut ja elän itse siinä uskossa, että feministiset arvot omaava mies on tosi marginaali. Todennäköisyys, että t2552083Joo nyt mä sen tajuan
Kaipaan sua, ei sitä mikään muuta ja olet oikea❤️ miksi tämän pitää olla niin vaikeaa?882014Jere, 23, ja Aliisa, 20, aloittavat aamunsa Subutexilla tai rauhoittavilla: "Vaikka mä käytän..."
Jere, 23, ja Aliisa, 20, ovat pariskunta, joka aloittaa aamunsa Subutexilla tai rauhoittavilla. Jere on ollut koko aikui441846- 1431805
Olipa ihana rakas
❤️🤗😚 Toivottavasti jatkat samalla linjalla ja höpsöttelykin on sallittua, kunhan ei oo loukkaavaa 😉 suloisia unia kau81696Vain yksi elämä
Jonka haluaisin jakaa sinun kanssasi. Universumi heitti noppaa ja teki huonon pilan, antoi minun tavata sinut ja rakastu881569