zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden input-Feld Text 14px nach links

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.09.2007, 11:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.05.2005
Beiträge: 2
webmix befindet sich auf einem aufstrebenden Ast
Standard input-Feld Text 14px nach links

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
Angehängte Grafiken
Dateityp: jpg input.jpg (1,8 KB, 6x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.09.2007, 23:10
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Bruck an der Mur - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.786
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

So läuft der Hase nicht!
Geht nicht!

Wenn dann müsstest Du das Textfeld ind das Bild plazieren, nicht umgekehrt.
Tipp:
Zitat:
.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 ist gequirlt, schreib lieber gleich - und nur einmal! - border: none;


Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Float:right fehler im IE6 gertnaster CSS 9 04.01.2011 22:59
Float und Clear Earl of Green CSS 3 22.02.2009 19:48
Float-Bilder im Fließtext an Absatz binden netAction CSS 17 19.02.2008 16:18
Float hängt sich durch's padding durch. nick CSS 3 16.01.2008 20:24
Grafik in einer Tabellenzelle rechts unten ausrichten ? Worance CSS 1 19.11.2006 16:09


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:16 Uhr.