mouseover bei bildern ohne java-script...

[teamoh]

Hi,
ich habe gehört man kann ein Menü gestalten in dem bildwechsel ohne benutzung von java-script erstellen.
Java-script erkennen suchmaschinen meines wissens nämlich nicht.

Kann ich ein Menü mit css erstellen? Irgendsowas habe ich mal gehört...

Vielen Dank im Vorraus!

[sonar]

Also komplette Bildwechsel per CSS... weiß ich jetzt nicht. Was du auf jeden Fall machen kannst, is beim mouseover eine Grafik anzeigen lassen. So in der Art

a:hover {
  background: url(pfeil.gif) no-repeat 0 50%;
}

Aber schau mal bei www.alistapart.com, da findst bestimmt einiges dazu.

[teamoh]

ähm... vielen Dank, leider kann ich den code nicht sehen, da ist bei mir nur ein farbiger balken.
Könntest du den nochmal ganz einfach posten?

[sonar]

Was den Code oben kannst nicht sehen...? Komisch... dann hier nochmal ohne Formatierung:

a:hover {
background: url(pfeil.gif) no-repeat 0 50%;
}

Mir is inzwischen eingefallen, dass man natürlich auch ein Hintergrundbild oder eine -farbe komplett austauschen kann per css. Einfach für die verschiedenen a-Pseudoformate (:link, :hover) unterschiedliche backgrounds definieren.

Ein sehr gutes CSS-Buch übrigens: CSS Praxis von Kai Laborenz, bei Galileo

[teamoh]

werd ich gleich mal ausprobieren, das mit dem code geht leider nicht mehr. Also auch bei keinen anderen Beiträgen.
Liegt vielleicht daran das ich am Mac arbeite?
Besten dank

[sonar]

Also ich arbeite auch am Mac unter OSX 10.3 und ich seh in allen Browsern die verschiedenen Code-Formatierungen... komisch. Was hast du für ein System? Vielleicht sollte man der "Verwaltung" hier mal Bescheid geben...

[teamoh]

OS 9.2 und den IE... will aber demnächst auch mal umsteigen auf OS 10 weiß nur noch nicht so genau welche Programme ich noch unter OS 10 nutzen kann...

[elias]

nakalar geht rollover mit css only, ist halt nur ne frage der abwärts-kompatiblität

was ich mich aber frage: "Habt ihr kein Google?"

http://www.google.de/search?q=css+ro...le-Suche&meta=

[teamoh]

*mitderhandvordenkopfklarsch*

Klar... aber was genau meinst du mit abwärtskompatibel? Wann kann das nicht funktionieren?

Bei älteren Browsern?

[elias]

einer von den treffern:

http://www.alistapart.com/articles/rollovers/

das beispiel funzt erst ab IE5 bzw NS6.

javascript hat den vorteil das rollover meistens funktionieren, weil diese befehle fast alle (optischen) browser kennen, es hat aber den nachteil das es von user deaktiviert werden kann.
css kann man eigentlich nicht ausstellen, aber ältere browserversionen kennen wichtige befehle nicht. ich kann mir aber vorstellen das es css rollovers gibt die zwar nicht in alten browsern funktionieren aber trotzdem korrekt als link dargestellt werden.

alles geschmacksache

[teamoh]

alles klar, vielen Dank. Das Thema scheint nur umfassender zu sein als ich bis jetzt dachte... :-)