Re: Opera: Probleme mit css-Menu
Von: Jürgen Hoffmann (mail@ulmtuelp.de) [Profil]
Datum: 20.02.2008 14:26
Message-ID: <622o3dF1tds2jU1@mid.individual.net>
Newsgroup: de.comm.infosystems.www.authoring.misc
Datum: 20.02.2008 14:26
Message-ID: <622o3dF1tds2jU1@mid.individual.net>
Newsgroup: de.comm.infosystems.www.authoring.misc
Burkhard Müller schrieb: > Moinmoin! > Jetzt muß ich mich mal de-lurken und um Hilfe bitten, ich komm einfach nicht > weiter. :-( > Nach dem Motto "Versuch macht kluch" bastel ich seit einigen Monaten an meiner > Website herum und bin inzwischen einigermaßen zufrieden. Aber ich habe ein > Problem, das ich trotz Wühlen in SelfHTML usw. nicht gelöst bekomme. > > Auf der linken Seite meiner Website (in einem Frame - ich kann's nicht besser..) > befindet sich das Hauptmenü zur Navigation. Die einzelnen Menüpunkte werden > je nach mouseover, onclick, etc. verschieden gefärbt und unterstrichen. > Fünf verschiedene Browser (FF, SM, K-Meleon, IE6, IE7) stellen es wie gewünscht > dar. Allein Opera läßt die Menüpunkte nur kurz flackern, und schlimmer noch: > sie sind nicht anklickbar. > Ich hab mal ne Testseite hochgeladen: http://home.arcor.de/miller42/TEMP/test.html > Die Fehlerkonsole von Opera und der Output vom W3C-Validator sagen mir viel, > aber ich versteh es nicht. ;-) Daß meine Website viele Fehler enthält ist mir bewußt; > mich stört momentan hauptsächlich das kaputte Hauptmenü in Opera. > > Danke für einen Schubs in die passende Richtung! > Tschüß, BM Hallo Burkhard, wenn Du das mouseover-Ereignis auf sich selbst deaktivierst, dann klappt es. Wenn ich ein Element außerhalb des Links benutze, gibt es auch keine Probleme. Hier das Beispiel: ... <style type="text/css"> a { text-decoration:none; } a:link, a:visited { color:#57FF1F; } a:hover { background-color:#BA0000; color:#FFFF00; } a:active { color:#FFFFFF; } a:focus { background-color:#2A2ABB; color:#FEFEEE; } </style> <script type="text/javascript"> function MouseEvent(art) { document.getElementById("News").innerHTML = 'Test' + art; } </script> </head> <body style="color: rgb(229, 229, 229); background-color: black;"> <a href="#" onmouseover="MouseEvent('Over')" onclick="MouseEvent('Click')" onmouseout="MouseEvent('Out')">News</a> <span id="News">Test</span> </body> ... Ist natürlich nicht die Lösung - die würde mich auch interessieren. Gruß Jürgen[ Auf dieses Posting antworten ]
Antworten
- Joachim Wiesemann (20.02.2008 22:07)
