Mozilla kein CSS Rollover?

[Dennis]

Hi @all!

ich habe hier für einen Verwandten mal etwas gemacht:
http://www.riehle-web.com/go-western/index.html

Ja, ja, da hab ich mir so ziemlich Mühe gegeben, das alles mit CSS zu realisieren usw.
Nachdem ich mein Problem von gestern mit dem linken Rand gelöst habe (einfach in body reinschreiben!) habe ich auch einen CSS Rollovereffekt eingefügt.

Das klappt im IE lokal auch wunderbar, und auch im Opera geht es lokal - jedoch wenn man das erste mal darüber geht, nicht, dann immer, warum?

so, jetzt habe ich das hochgeladen, sammt allen Grafiken, und jetzt gehen die ersten drei Rollovers nicht mehr, das letzte geht noch. Irgendwie komisch, oder? Wo habe ich da einen Fehler gemacht?

Jetzt aber mal zu dem, was ich eigenltich fragen wollte: Bei Mozilla wird (lokal und im Netz) nie auch nur irgendetwas angezeigt. Kann der Moz das nicht? Oder muss man für den noch was anderes schreiben?
Was gibt es für Möglichkeiten CSS Rollover im Moz zu realisieren, oder muss ich da etwas noch auf die alte Javascript Methode zurückgreifen?

MfG, Dennis.

[MudGuard]

Hi,

ich habe hier für einen Verwandten mal etwas gemacht:
http://www.riehle-web.com/go-western/index.html

Das klappt im IE lokal auch wunderbar,

Nein, der macht es fehlerhaft.

Deine a-Elemente sind leer. Da a-Elemente inline-Elemente sind, sind sie so breit, wie es der Inhalt erfordert. Also 0.
Die CSS-Property width trifft auf inline-Elemente auch nicht zu. Also bleibt die Breite bei 0.
Analog für die Höhe, aber das spielt keine Rolle.

Demzufolge ist von den Hintergrundbildern jeweils nur ein 0 Pixel breiter Strich zu sehen - m.a.W. gar nichts.

Beim hover ändert sich das auch nicht ==> die Navigation ist unsichtbar.

Abhilfe: setze die display-Eigenschaft der betroffenen a-Elemente auf einen geeigneten Wert.

cu,
Andreas

[nag]

Hallo,

Das klappt im IE lokal auch wunderbar, und auch im Opera geht es lokal - jedoch wenn man das erste mal darüber geht, nicht, dann immer, warum?

Dieser Effekt ist bekannt. Ich glaube es liegt daran, dass die Grafik zunächst gelader werden muss. Vergess grafische Buttons. Bei dir bietet es sich förmlich an, eine formatierte Liste zu verwenden. Beispiele findest du hier:

http://css.maxdesign.com.au/listamatic/index.htm
(schau dir die Beispiele unter "Horizontal lists" an)

so, jetzt habe ich das hochgeladen, sammt allen Grafiken, und jetzt gehen die ersten drei Rollovers nicht mehr, das letzte geht noch. Irgendwie komisch, oder? Wo habe ich da einen Fehler gemacht?

Problem 1:
<img src="http://www.riehle-web.com/go-western/src/fotogalerie_highlight.gif" border="0" alt=""> ?
Vor dem Fragezeichen habe ich folgende Zieladresse für ein Bild angegeben http://www.riehle-web.com/go-western/src/fotogalerie_highlight.gif. Was ist da passiert?
Bild fehlerhaft abgespeichert, oder fehlerhaft hochgeladen?

Problem 2: relativen Pfadangaben
Aus der CSS - Datei im Ordner "src" verweist du auf ein Bild im Ordner "src"

Deine Pfadangabe ist: ../src/bild.gif
Der Anfang ist allerdings überflüssig. Es reicht: bild.gif

mfg NAG

[Dennis]

Hi @all!

http://css.maxdesign.com.au/listamatic/index.htm

Hey, danke, die Seite ist echt cool! Hab da jetzt was draus verwendet
und lade das dann bald hoch.

so, jetzt habe ich das hochgeladen, sammt allen Grafiken, und jetzt gehen die ersten drei Rollovers nicht mehr, das letzte geht noch. Irgendwie komisch, oder? Wo habe ich da einen Fehler gemacht?

Deine Pfadangabe ist: ../src/bild.gif
Der Anfang ist allerdings überflüssig. Es reicht: bild.gif

Ah, Danke, wird sofort geändert!

MfG, Dennis.