|
Dieses Thema wurde als erledigt markiert.  |
 Textfarbe ändert sich nicht beim MouseOver |
Tarcon 
Jungspund
Dabei seit: 10.05.2010
Beiträge: 21
Herkunft: Hamburg, Bergedorf
Level: 18 [?]
Erfahrungspunkte: 15.615
Nächster Level: 17.484
 |
|
| Textfarbe ändert sich nicht beim MouseOver |
|
Hallo Computerboardler...
Ich bin gerade vollkommen ratlos bezüglich Javascript und CSS...
Derzeit bastle ich an einer Navigationsleiste, die auf einer Tabelle basiert. In jeder Tabellenzelle ist ein Hintergrundbild und ein Text. Beim Mouseover soll sich die Hintergrundgrafik, die Schriftfarbe und der Cursor ändern. Hintergrundbild und Cursor ändern sich auch problemlos, indem ich per Javascript "className" ändere. Die Textfarbe allerdings ändert sich nicht, was auch immer ich versuche. Das Problem betrifft im Übrigen nur den Internet-Explorer. Zumindest im Firefox und im Safari funktioniert es problemlos.
Anbei hier das Beispiel für die Navi: Beispiel
Es dreht sich um dieses TD:
| HTML |
1:
|
<td id="firstitem" onmouseover="changeClass('firstitem','naviitemhl');" onmouseout="changeClass('firstitem','naviitem');" class="naviitem">Menuitem 1<br /></td> |
|
um diese beiden CSS-Klassen:
| Cascading Style Sheet |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
|
.naviitem {
font-family: Arial;
font-size: 13px;
color: #ffffff;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
background-image: url(_img/button_bg.png);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/button_bg.png', sizingMethod='scale');
cursor: auto;
}
.naviitemhl {
font-family: Arial;
font-size: 13px;
color: #ccae56;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
background-image: url(_img/button_bg_hl.png);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/button_bg_hl.png', sizingMethod='scale');
cursor: pointer;
} |
|
und um dieses java script:
| HTML |
1:
2:
3:
|
function changeClass(navid,classname) {
document.getElementById(navid).className = classname;
} |
|
Irgendetwas schmeckt (nur) dem IE nicht und ich habe mich verbissen, sehe den Wald vor lauter Bäumen nicht mehr und vielleicht hat irgendjemand eine Idee!??!??
Viele Grüße
Tarcon
|
|
20.11.2010 14:31 |
|
|
Momo
Tech-Administrator
Dabei seit: 01.03.2008
Beiträge: 2.464
Herkunft: aus der bauch meine mutter
Teilnehmer des
EM-Tippspiels
|
Level: 44 [?]
Erfahrungspunkte: 3.802.989
Nächster Level: 4.297.834
|
|
in der css code
nehme mal die 2 filter antrag raus
__________________
Je besser ich die Menschen kenne, desto mehr liebe ich die Tiere (Plus je connais les gens, plus j´aime les betes)
M  m
Immer Locker, immer Frolic
Endlich Frühling!
Ich fühle mich wie ein Eichhörnchen:
Nach dem langen kalten Winter wird es Zeit, dass man jetzt die Nüsse wieder rausholt.
Ich kann alles, ausser deutsche 
Urlaub ist schon ne feine Sache, wer das erfunden hat, den müsste man mal drücken
Man kann mich nicht kündigen, Sklave werden verkauft
Wenn man in die falsche Richtung läuft, bringt es nichts das Tempo zu erhöhen
|
|
|
20.11.2010 15:05 |
|
|
Tarcon
Jungspund
Dabei seit: 10.05.2010
Beiträge: 21
Herkunft: Hamburg, Bergedorf
Level: 18 [?]
Erfahrungspunkte: 15.615
Nächster Level: 17.484
Themenstarter 
|
|
Ähm, okay... Ich weiß zwar nicht warum, aber das funktioniert! Den hatte ich bloß drin, weil es im IE häufiger Probleme gibt, wenn man Transparenzen auf anderen Transparenzen mit auch noch transparenten PNGs verwendet... Aber es sieht auch ohne so aus, als wäre es in Ordnung...
Vielen Dank! Das war´s!!! 
|
|
|
20.11.2010 15:18 |
|
|
|
Views heute: 4.628 | Views gestern: 24.505 | Views gesamt: 11.303.803 |
|
