nicht angemeldet
Hallo!
Ich möchte gerne für ein Eingabefeld, das zwingend eingegeben werden muss, ein kleines Bild als Hintergund verwenden und dazu den Feldname.
Z.B.
|X name |
und ohne:
|adresse |
Mit Bild soll der Text weiter eingerückt sein. Nach einigem herumprobieren habe ich sogar eine echt tolle Lösung hinbekommen. Nur habe ich jetzt das Problem, dass die Felder eine gleichbleibende Breite haben sollen. Dazu möchte ich bei der Klasse "required" das padding, das auf der linken Seite hinzugekommen ist, auf der rechten Seite wieder abziehen.
#content textarea.required,
#content input[type=text].required
{
padding: .1em -1.3em .1em 1.5em;
background: url(../img/icons/si_alert_1.png) no-repeat .2em .1em;
}
Dabei bekomme ich aber eine Warnung angezeigt:
"Ende des Wertes für die Eigenschaft erwartet, aber '-1.3em' gefunden. Fehler beim Verarbeiten des Wertes für Eigenschaft 'padding'. Deklaration ignoriert."
Damit funzt das ganze nicht mehr :( Wieso ist das so. Ich bin mir ziemlich sicher, dass ich schon einmal einen Minuswert bei padding verwendet habe.
Könnt ihr mir dabei weiterhelfen?
lg lixx