HTML hover Problem

vom 11.04.2010, 20:11 Uhr

Ich hätte da mal eine Frage und ich hoffe sehr dass mir einer von euch helfen kann das Problem in den Griff zu bekommen. Ich möchte gern einen HTML Hover erzeugen aber ich komme damit einfach nicht klar. Ich hatte mir das wohl ein bisschen zu einfach vorgestellt und nun bin ich am Ende meiner Weisheit angelangt.

Wenn ich bei euch keine Hilfe finde dann wird das ganz schwierig für mich. Wisst ihr wie das geht oder wo ich eine Anleitung dafür finde?

» Pimplegionär » Beiträge: » Talkpoints: Gesperrt »



Auf welche Weise willst du denn den Hover erzeugen? Also etwas mehr Informationen dazu wären schon sinnvoll. Es gibt verschiedene Varianten, ich bevorzuge die per CSS (Cascading Style Sheet).

Willst du ein Bild hovern oder einen Text? Einen Link vielleicht? Das musste man schon wissen, weil es verschiedene Arten und Wege gibt, einen Hover-Effekt zu erreichen.

Benutzeravatar

» Malcolm » Beiträge: 3256 » Talkpoints: -1,99 » Auszeichnung für 3000 Beiträge


Also ich bräuchte es für einen Text und auch für Bilder - beides ist da eingebunden. Geht das überhaupt?

Welche verschiedenen Arten gibt es denn da und wie würde das genau in einem CSS aussehen? Ich hab da mal ein paar Ansätze ausprobiert die ich über Google gefunden habe, aber nichts klappt und es zerreisst mir nur alles!

» Pimplegionär » Beiträge: » Talkpoints: Gesperrt »



Also es geht schon beides mit CSS, allerdings gibt es bei der Umsetzung mittels CSS Probleme mit dem alten Netscape Browser 4.

Hover ist ja eine Ergenschaft von den Cascading Stylesheets, das heißt Du musst erst einmal wissen, welchen Selektor Du nimmst, um hover auch korrekt anzuwenden. Handelt es sich bei Dir um normale Verweise (=Links)? Dann würdest Du generell in so dein Stylesheet schreiben, sofern alle Links gleich aussehen sollen. Wichtig ist hierbei auch die Reihenfolge der aufgeführten anderen Eigenschaften, sofern Du diese benutzen willst, wovon ich einfach mal ausgehe.

Diese Seite aus Selfhtml zeigt Dir anhand von Beispielen, wie Du mit der Pseudoklasse hover einen Mouseover Effekt hin bekommst.

Du könntest natürlich auch zu Javascript greifen, allerdings schließt Du damit ja auch wiederum schon einmal die Leute aus, die Javascript deaktiviert oder erst gar nicht haben. Diese Methode findest Du hier.

Wenn Du gar nicht zurecht kommst, dann beschreibe doch mal genau deine Problematik, was klappt denn bisher und was nicht?

» ygil » Beiträge: 2551 » Talkpoints: 37,52 » Auszeichnung für 2000 Beiträge



Ähnliche Themen

Weitere interessante Themen

^