|
|||
Probleme mit button
Hi zusammen
ich bin gerade dabei einen button mit einem Verlauf bei der Hintergrundfarbe zu erstellen und wenn die Maus darüber bewegt wird, soll sich die Hintergrundfarbe ändern, aber das funktioniert irgendwie gar nicht. Ein Beispiel mit mehreren buttons habe ich hier zusammengestellt: farbenfroh wo liegt denn der Fehler? |
Sponsored Links |
|
|||
Ein Verlauf ist ein Hintergrund-Bild. Die Hintergrundfarbe liegt darunter.
Wenn du bei :hover etwas von der Farbe sehen willst, musst du das Bild, das darüber liegt, ausblenden. Das einfachste ist: Schreib statt background-color nur background.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Super! Vielen Dank! Es funktioniert!
Eine Frage habe ich jetzt aber noch: wenn ich die Maus über den button bewege, dann dauert es eine gewisse Zeit, bis die gewünschte Hintergrundfarbe erreicht wird. Wenn ich aber die Maus wieder vom button Weg bewege, dann wird die ursprüngliche Hintergrundfarbe bzw. der Verlauf sofort wieder angezeigt. Was muss ich tun, damit dies auch eine gewisse Zeit lang dauert? |
|
|||
background-image gehört nicht zu den "animatable properties", darauf wirkt die transition nicht (der Übergang, den du siehst, ist nur die Farbe, die sich ändert).
Da das vermutlich mal eine Navigation werden soll: Setz das in eine Liste (ist ja schließlich eine Auflistung von Links). Gib den Verlauf dem li-Element, dann kannst du beim a mit der Farbe drübergehen. Und bitte: Das title-Attribut soll Zusatzinformation bereitstellen. Wenn es keine Zusatzinformation gibt, dann braucht man auch kein title.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Nochmals Danke für deine Antwort!
Eigentlich soll das Ganze keine Navigationsleiste werden, sondern nur ein einzelner button. Vielleicht probiere ich das ganze mit der Navigationsleiste doch noch. Mal schauen. Ich bin davon ausgegangen, dass man jeden Link einen Titel geben soll und ich habe bisher auf vielen Seiten festgestellt, dass der Titel bei einem Navigationspunkt mit dessen Text übereinstimmt. Daher habe ich das ganze auch so gemacht. |
|
|||
Wie kommst du darauf?
Zitat:
Überleg doch mal selbst: Welchen Sinn soll es haben, die gleiche Information zweimal zu haben. Es nervt den Besucher doch nur, wenn über dem Text, den er gerade liest, nochmal der gleiche Text aufpoppt.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
ich habe das mal gelesen. Wo ich das gelesen habe, weiß ich aber nicht mehr. Bis jetzt habe ich ebenfalls gedacht, dass man das so machen soll.
etwas komisch habe ich es natürlich schon gefunden, zweimal die gleiche Information mitzuteilen, aber irgend einen Sinn und Zweck wird es schon haben, habe ich mir dann gedacht. |
|
|||
Zitat:
Mich würde wirklich interessieren, wo das herkommt. Mehr zu Sinn und Unsinn von title-Attributen über Google "title attribute accessibility"
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
falls ich das noch einmal lesen sollte, was ich damals gelesen habe, verlasse ich es dir wissen. Selbst ausgedacht habe ich mir das Ganze jedenfalls nicht.
Mittlerweile habe ich mich schon ein bisschen über den title-tag informiert und ich werde mal das beherzigen, was Google und Bing empfehlen, den ihnen liegt ja der Nutzer am Herzen und wenn man ihre Ratschläge befolgt, hat das sicherlich keinen Nachteil. Nochmals Danke für deine Hilfe und deine Erklärungen! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Ausrichtung Kalender | greece4u | CSS | 20 | 14.05.2012 13:32 |
Probleme mit Rollovermenü, Button zu aktiver Seite soll farbig bleiben | Thomasp | CSS | 7 | 05.02.2012 18:50 |
Per Button CSS-Datei wechseln macht Probleme | AngelofEffekt | CSS | 1 | 08.05.2010 19:57 |
FF Problem: button mit image | darolla | CSS | 6 | 02.04.2007 08:49 |
Button - Rahmen | dieter99 | CSS | 1 | 06.12.2006 10:13 |