[noch offen] Hover- und Mouseover Effekt via CSS

Im Bereich "Allgemeine Fragen" / "Probleme mit der Homepage" glaube bzw. hoffe ich, daß ich hier richtig bin.

Ich habe Probleme mit der Homepage, und bitte daher um Hilfe.

Frage 1, bezüglich einem "Hover Effekt":
Ich möchte ein Bild haben, daß wenn man drüber fährt das Bild wegverschwindet, und drunter ein anderes Bild vorkommt. Versteht ihr was ich meine? Wie macht man sowas ?
Gehtdas auch das man das drunterliegende Bild ein Tick größer hat, so daß es den Einduck macht, es "springt" etwas entgegen?
Oder z.B. daß die untenrum-Pics alle einheitlich grau sind, beim Drüberfahren jedoch Bunt raus kommen?

Frage Nr. 2, bzgl. einen "Mouseover Effekt":
Wie macht man das, daß eine Schrift beim Mouseover (Drübergehen mit der Maus) sich beispielsweise vergrößert und/oder die Schriftfarbe wechselt ?
Welchen Quelltext müsste man dafür verwenden ?

Für die Profis unter Euch habe ich noch "Herausforderungen". Diese finden sich hier und sind Fragen bzgl.
iframe, RSS, Widgets, Schripteinbindung, interne Weiterleitung auf eigene Page, sowie Dropdownmenü. Hier der Link:
http://www.homepage-baukasten.de/forum/viewtopic.php?p=783924&highlight=#783924

Ich freue mich über jede verständlich geschriebene Antwort, die mir hilft und mich dem Ergebnis näher bringt.

(Falls falscher Thread, bitte ggf. verschieben)

MFG Tiger

Edit by Matsk: Titel angepasst und in die Kategorie CSS verschoben.
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

Mit diesem code vergrößert sich das Bild, solange man sich mit der Maus darüber aufhällt:
Der code funktioniert auch ohne Javascript!

______________
Infos und Karten zu ehemaligen Sowjetischen Orten des kalten Krieges:
Baikonur Weltraumbahnhof | Semipalatinsk Testgelände | Lop Nor Testgelände (China)

Vielen Dank, schreibmalwas. Das funktioniert hervorragend !

Somit also Frage 1 b beantwortet. Fehlt nur noch 1 a und 1 c (die sich ähnlich sind), bzw. meine Frage 2. Freiwillige vor. Jeder der was weiß, bitte reinschreiben. Freu mich auf Eure Antwort, danke...

Tiger
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

Hallo nochmal,

Mit diesem code verschwindet das Bild beim Überfahren mit der Maus und es erscheint ein anderes Bild darunter. und es geht danach wieder in den Ausgangszustand zurück. Funktioniert nur mit css und ohne Javascript:

50px = Breite des Bildes
50px = Höhe des Bildes

mfg: schreibmalwas
______________
Infos und Karten zu ehemaligen Sowjetischen Orten des kalten Krieges:
Baikonur Weltraumbahnhof | Semipalatinsk Testgelände | Lop Nor Testgelände (China)

und zu guter Letzt noch der Code für die Schriftefekte beim Überfahren mit der Maus:

mfg: schreibmalwas
______________
Infos und Karten zu ehemaligen Sowjetischen Orten des kalten Krieges:
Baikonur Weltraumbahnhof | Semipalatinsk Testgelände | Lop Nor Testgelände (China)

Vielen Dank ! Klappt !
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

Hallo
ich noch einmal,

Für 90 % aller Anwendungen reicht dies auch, super beschrieben. Hab dazu nun nochmal 2 Fragen !

Erstens: Möchte, daß das Bild verlinkt ist. Also: Maus fährt drüber über Bild A (z.B 28x28 Pixel), es öffnet sich (hover Effekt) das Bild B (30x30 Pixel). (Die Bilder sind schon in der richtigen Größe auf dem Server hinterlegt). Nun sollte das Ganze anklickbar sein und auf eine andere (Unter)seite verlinken.

Frage 2, wenn ich den Text verlinke, dann wird bekommt dieser Link, weil im Text über dem Design mal so festgelegt,
eine andere Farbe. Wie kann ich dies umgehen? Mit z.B.
a) color = grey und mit
b) einfärben mit dem Schriftfarbe Button hab ich es bereits versucht (ohne Erfolg)
Kann ich diese "generelle Priorität" in Einzelfällen außer Kraftsetzen - wo gewünscht ?? Wenn ja, wie ?

Ich hoffe daß diese Fragen nicht zu kompliziert sind (für mich wären sie es).
Danke und Gruß,
Tiger
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

hallo, mit diesem Code kann man einem bestimmten element beim Überfahren mit der Maus eine andere Farbe geben:

...und mit diesem Code vergrößert und verändert sich das verlinkte bild beim Überfahren mit der Maus:

mfg: schreibmalwas
______________
Infos und Karten zu ehemaligen Sowjetischen Orten des kalten Krieges:
Baikonur Weltraumbahnhof | Semipalatinsk Testgelände | Lop Nor Testgelände (China)