✔ input-Feld Text 14px nach links

[webmix]

Hi,
ich habe folgendes input-Feld:
<input type="text" class="suchfeld" name="textfield" value="">

In der CSS-Datei passend dazu:
.suchfeld {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width:190px;
height:29px;
background-image: url(bilder/input.jpg);
background-color:#F1F1F1;
background-repeat: no-repeat;
border-top-width : 0px;
border-right-width : 0px;
border-bottom-width : 0px;
border-left-width : 0px;
}

Das Bild (bilder/input.jpg) habe ich angehängt. Nun möchte ich gerne, dass der Text, der in das Feld geschrieben wird, 14px von links und 8px von oben weg ist, d.h., dass der Text direkt in das davor gesehene Feld geschrieben wird. Mit padding-left und padding-top funktioniert das leider nicht.

Wie bekomme ich es dennoch hin?

Danke.

Gruss webmix

 

[Maik]

Hi,

Mit padding-left und padding-top funktioniert das leider nicht.

bei mir greift die padding-Deklaration einwandfrei:



Je nach Darstellungsmodus müssen die beiden padding-Angaben von der Breite und Höhe subtrahiert werden, da diese nach dem Boxmodell zur Breite / Höhe eines Elements hinzugezählt werden.

 

[webmix]

Ja, funktioniert jetzt.
Danke für den Hinweis!