Geachte tweakers.
Ik probeer een website te maken
Maar nou heb ik 1 klein probleempje.
Ik heb een tooltip scriptje gemaakt en maak gebruik van CSS.
Bij een <TD> mouseOver maak ik gebruik van cursor: pointer; (voor zowel IE als FF
)
In fire fox werkt alles goed maar in ie gaat het fout.
kijk voor jezelf;
http://www.moosdijk.com/wesley/temp/index.asp
De broncode daarvan kun je daar natuurlijk zien.
De broncode van de CSS is deze;
Zoals je ziet zit er op de knop van "schoenen" een tooltip.
In IE wil hij daar dan opeens niet ook nog een pointer bij geven.
Heeft iemand een idee?
ps. als je moet je muis over de knoppen gaat zie je ook dat de achtergrond 1 pixel naar beneden gaat.
Weet iemand hier ook een oplossing voor?
Ik probeer een website te maken
Maar nou heb ik 1 klein probleempje.
Ik heb een tooltip scriptje gemaakt en maak gebruik van CSS.
Bij een <TD> mouseOver maak ik gebruik van cursor: pointer; (voor zowel IE als FF
)In fire fox werkt alles goed maar in ie gaat het fout.
kijk voor jezelf;
http://www.moosdijk.com/wesley/temp/index.asp
De broncode daarvan kun je daar natuurlijk zien.
De broncode van de CSS is deze;
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
| .innerTableOne {
min-width: 100px;
padding: 0px;
max-height: 27px;
height: 27px;
width: 100px;
min-height: 27px;
border-width: 0px;
max-width: 100px;
border-style: none;
margin: 0px;
}
.innerTableOneMouseOver {
border-style: none;
background-repeat: repeat-x;
padding: 0px;
background-color: #808080;
max-height: 27px;
background-image: url(pics/top_bg2B.jpg);
height: 27px;
min-height: 27px;
border-width: 0px;
cursor: pointer;
margin: 0px;
position: static;
}
.innerTableOneMouseOut {
max-height: 27px;
background-color: #808080;
cursor: pointer;
margin: -2px;
padding: 0px;
border-width: 0px;
background-image: url(pics/top_bg2.jpg);
min-height: 27px;
border-style: none;
height: 27px;
background-repeat: repeat-x;
}
#dhtmltooltip{
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #505050;
position: absolute;
width: 80px;
height: 15px;
border-width: 0px;
border-style: none;
padding: 0px;
background-color: #808080;
background-image: url(pics/tooltip.jpg);
background-position: center;
visibility: hidden;
z-index: 100;
cursor: pointer;
} |
Zoals je ziet zit er op de knop van "schoenen" een tooltip.
In IE wil hij daar dan opeens niet ook nog een pointer bij geven.
Heeft iemand een idee?
ps. als je moet je muis over de knoppen gaat zie je ook dat de achtergrond 1 pixel naar beneden gaat.
Weet iemand hier ook een oplossing voor?
:strip_icc():strip_exif()/u/40490/avatar23.jpg?f=community){kind=avatar}
:strip_icc():strip_exif()/u/30425/crop5906f20a03bb0_cropped.jpeg?f=community)
:strip_icc():strip_exif()/u/63459/crop56eef36b90aba_cropped.jpeg?f=community)
:strip_icc():strip_exif()/u/58343/Turtle.jpg?f=community)
daar raar! :strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
/u/73141/savantas.png?f=community)