[JavaScript] onmouseover bei <p>

**pekka** · 11-02-2005, 02:51

Grundsätzlich geht das wunderbar!... Wo liegt das Problem genau?

**jahlives** · 11-02-2005, 02:55

Salut

also bei mir funzt der Code sehr wohl (IE 6). Ich musste allerdings zweimal hinschauen, da die Farben sehr ähnlich gewählt sind

Gruss

tobi

EDIT:
[COLOR=crimson]Sorry da war ich zu langsam [/COLOR]

EDIT:

PHP Code:

<p class="xxx" onmouseover="this.style.backgroundColor='#113333'"; onmouseout="this.style.backgroundColor=''";> test </p>

So siehst du den Effekt bestimmt

**icon** · 11-02-2005, 14:44

hallo und besten dank für eure antworten!

exakt dieser code:

PHP Code:


<p class="gbkAdministration" onmouseover="this.style.backgroundColor='#FF0000'"; 

onmouseout="this.style.backgroundColor='#00FF00'";>

bewirkt bei mir genau gar nichts und ich kann mir nicht erklären wieso..

benutze übrigens IE6 und FireFox...

lg, harry d.

**icon** · 11-02-2005, 14:53

hmm.. habe gerade selber einmal probiert den code in ein leeres htm-file zu kopieren und da funktioniert er auch wunderbar..

kann vielleicht das style-sheet den fehler verurschachen??

Code:

ausschnitt:

#gbkControllBottom { border:3px solid #606060; border-style:double;
 background-color:#dddddd; width:550px; float:left; margin:25px 5px 5px 0px;
line-height:25px; }
.gbkAddPosting {margin:0px 5px 0px; font-family:'Times New Roman'}
.gbkAdministration {margin:0px 0px 0px; padding-left:5px;
background-color:#dddddd; font-family:'Times New Roman';
border-top:1px double #606060; line-height:25px;}

ich möchte dazusagen, dass ich mich seit ein paar tage erst mit css beschäftige und deshalb nicht ausschließen kann, dass ich etwas falsch gemacht habe..

mfg.- harry d.

**icon** · 11-02-2005, 14:59

und schon wieder bin ich auf etwas aufmerksam geworden:

der code funktioniert einwandfrei und macht genau das, was er auch machen soll..

das problem ist, dass er es nur macht, wenn man über die schrift fährt und das habe ich wie es ausschaut bis jetzt nie gemacht..

wie kann ich das jetzt umschreiben, dass es die farbe ändert egal ob ich auf die schrift selber oder auf den container komme??

lg und sry für die sinnlosen posts von vorher.. harry d.

**wahsaga** · 11-02-2005, 15:03

Original geschrieben von icon
das problem ist, dass er es nur macht, wenn man über die schrift fährt

onmouseover/-out sollten in guten browsern eigentlich für das ganze element gelten. testest du vielleicht mit dem IE ...?

**icon** · 11-02-2005, 15:45

ja ich habe es mit dem IE getestet..! beim firefox macht er es richtig was ich gut finde aber ich möchte, dass es auch beim IE geht weil immer noch sehr viele internetuser den IE benutzen.. (leider)..

mfg. harry d.

**Kropff** · 11-02-2005, 16:53

ja ich habe es mit dem IE getestet

ich gerade auch, bei ie 6 (pc) alles in ordnung und bei ie 5 (mac) auch.
wenn da irgendwo ein fehler drin ist, dann anderswo. zeig doch mal die doctype-definition.

gruss
peter

**icon** · 11-02-2005, 17:00

hallo!

mein standard-doctype..

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
 Transitional//EN" "http://www.w3.org/TR/html4/ loose.dtd">

lg, harry d.

**icon** · 11-02-2005, 19:12

hmm.. ist nun daran etwas falsch oder nicht??

habe in der zwischenzeit natürlich noch ein bisschen geschmökert und alles möglich, wie zb. das ausprobiert:

PHP Code:




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

aber nichts hat mein problem gelöst..!

würde mich freuen wenn mich jemand aufklären könnte..

lg, harry d.

**pekka** · 11-02-2005, 23:02

Warum muß es denn ein <p> sein? Ein <div> könnte besser klappen!...

**icon** · 12-02-2005, 11:33

@pekka:

auch das hatte ich bereits ausprobiert habe aber nichts geändert!

mfg.- harry d.

**pekka** · 12-02-2005, 14:10

In welchem Browser auf welcher Plattform genau? In meinem IE 6 (auf XP) funktioniert es mit beiden von Dir hier angeführten Doctypes. Poste doch mal das ganze Ding inkl. Stylesheet.

**icon** · 12-02-2005, 14:47

@pekka:

mit firefox geht es ganz normal so wie es gehen sollte beim IE6 funktioniert es nur wenn ich über die schrift fahre

code:

Code:

<div id="gbkControllBottom">
<div class="gbkAddPosting"
 onmouseover="this.style.backgroundColor='#CCCCCC'";
 onmouseout="this.style.backgroundColor='#DDDDDD'";>
Add
</div>
<div class="gbkAdministration"
 onmouseover="this.style.backgroundColor='#CCCCCC'";
 onmouseout="this.style.backgroundColor='#DDDDDD'";>
Admin
</div>
</div>

stylesheet:

Code:

 

#gbkControllBottom {border:1px solid #606060; background-color:#dddddd;
width:550px; float:left; margin:25px 5px 5px 0px; line-height:25px; }

.gbkAddPosting {margin:0px 0px 0px; padding-left:5px;
font-family:'Times New Roman'}

.gbkAdministration {border-top:1px solid #606060; background-color:#dddddd;
margin:0px 0px 0px; padding-left:5px; font-family:'Times New Roman';line-height:25px;}

wie bereits schon vorher gesagt befasse ich mich erst seit wenigen tagen mit den mächtigen stylesheets..!- von da her würde mich ein fehler welcher von dort kommt nicht wundern..

lg und vielen dank i.v. - harry d.

[JavaScript] onmouseover bei <p>