webForumDet fria alternativet

DHTML Tooltip och css - problem

2 svar · 297 visningar · startad av Lindström

LindströmMedlem sedan jan. 2003821 inlägg
#1


Har ett litet dilemma som jag inte rikigt vet vad felet ligger.

Har tagit hem ett "DHTML Tooltip" script från Dynamicdrive.com

http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm

Som jag inte rikigt får att fungera på en prov sida. Eller, funkar och funkar... funkar gör det väl men texten uteblir i själva informations rutan.

Jag bifogar css koden som ligger på min prov sida:

.....................................................................

<style type="text/css">
BODY { background: url(wall.gif) }
body { font-family: Verdana; font-size: 10px}
table { font-family: Verdana; font-size: 10px}

a:link { text-decoration: none; color: #FFFFFF}
a:visited { text-decoration: none; color: #FFFFFF}
a:active { text-decoration: none; color: #FFFFFF}
a:hover { color: #666666}

body {
scrollbar-base-color: #330000;
scrollbar-track-color: #333333;
scrollbar-arrow-color: #333333;
}
.lager {border-left: 2px solid #333333;
border-right: 2px solid #333333;}

.btop {border-top: 2px solid #333333;}
.bdown {border-bottom: 2px solid #333333;
border-collapse: collapse;
padding: 5px; }
.bleft {border-right: 2px solid #333333;}

/*Här börjar själva koden till popup,informations rutan*/

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #ffffff;
font: Verdana; font-size: 10px
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

</style>

.....................................................................

Har kommit så långt att det har något med att det inte finns något som säger att det oxå ska vara en textfärg i själva "popup" rutan. Men har provat scriptet på en utomstående websida, med bara själva scriptet och då har texten funnits med så att säga.

Ni kan själv se det hela i min prov sida:
http://www.**********.se ( för musen över "Individ" )
Not. att sidan och DHTML Tooltip är optimerad för IE, så vitt jag vet. :l

*EDIT: Felet är nu grejat.

dectgapMedlem sedan sep. 20021 655 inlägg
#2

Texten uteblir inte, utan är bara samma färg som bakgrunden.

Genom lite CSS kan du få rätt på det

#dhtmltooltip a { color: #000; }
LindströmMedlem sedan jan. 2003821 inlägg
#3

Tackar så mycket.

126 ms totalt · 3 externa anrop · v20260731065814-full.cf67ef55
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
124 ms — hämta tråd, inlägg och bilagor (db)