nntp2http.com
Posting
Suche
Optionen
Hilfe & Kontakt

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
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