icon in ein textfeld?

[Gamer20]

kann man ein icon in ein textfeld einbauen?

per css ändere ich schon mehrere eigenschaften:

input.test {
width: 90px;
height: 20px;
border:1px solid #C1D6FF;
font-family: Arial; font-size: 9pt; font-style: normal; font-weight: normal; font-variant: normal; color: 000000}

<input type="text" class="test">

das bringt mir ja nix (im css bereich):
background: url(TOP5.PNG) no-repeat;

denn wenn der nutzer etwas rein schreibt, schreibe ich ja über das icon drüber!


zusätzlich möchte ich für jedes textfeld ein anderes icon haben.

also kann ich es net per css lösen, deshalb muß ich es direkt ins <input ... schreiben????

wie müßte der code bzw. die synthax lauten?

[asp2php]

in background-image kannst du die Bilder rein packen, ob das es ist was du willst

[Benny-one]

du kannst mit padding arbeiten, um den text erst weiter rechts starten zu lassen und mittels background-position kannst du das icon mehr nach links setzen.

[jahlives]

also kann ich es net per css lösen, deshalb muß ich es direkt ins <input ... schreiben????

Input akzeptiert nur CDATA also nix html-Tags. Wenn es geht, dann nur mit CSS

[PHP-Desaster]

Du packst die allgemeine Formatierung, also Padding, Hintergrundausrichtung etc in die CSS! Und direkt am Tag gibst du nur background-image an!

[Benny-one]

mein gott. das habe ich doch direkt nach asp2php geschrieben. liest denn hier keine socke mehr und posted einfach seinen senf dazu

[arkos]

Oder du machst das hintergrundsbild linksbündig per css und dann gibst du noch ein padding an, sodass die schrift erst neben dem icon anfängt...




* benny dreht gleich durch... lalala

[Kropff]

habs gerade mal getestet. klappt wunderbar. aber obacht! nur ein padding-left angeben sonst blenden ie6/7 das hintergrundbild aus, sobald man in das textfeld klickt.

gruß
peter

[pekka]

Also Du könntest auch mit Hintergrundbild und Padding-Left arbeiten. Aber aufpassen, daß Du nur Padding-Left benutzt, sonst drückt es das Hintergrundbild raus.

[unset]

Wenn du das Bild als Hintergrund ohne wiederholung einbindest und ein padding-left setzt, dann solltest du den gewünschten Effekt bekommen. Aber nur padding-left, sonst könnte das Hintergrundbild selbst verschwinden.

[Kropff]

OffTopic:

---

kindsköppe, alle zusammen

---

gruß
peter

[arkos]

OffTopic:

---

wochenendvorfreude und mit über 30 noch n kindskopp - wat will man mehr

prost zusammen...

---

[Gamer20]

wenn ich:
background-image:url(X.png) no-repeat;

also mit no-repeat, dann verschindet mein X (icon)

also kann ich nur backgound:url... schreiben.

die textposition kann ich net festlegen (20px weiter rechts -> icon hat 16x16 format)!

irgendwie stehe ich auf dem schlauch und komm net auf den befehl.

also kann ich net direkt ne image angeben (ohne background)

bei tabellen oder so kann ich ja einmal background angeben und dann zusätzlich noch per <img ... tag ein bild einfügen.

wollt eigentlich in mein textfeld ein hintergrundbild (farbverlauf) einbauen + äußerst links noch ein icon.

aber im moment bekomm ich das net so richtig hin.

[pekka]

padding-left: 20px
und dann noch Background-position.

[Gamer20]

ich danke, so ähnlich hat ich es schon, nur das ich am ende irgendwie nur nach oben und unten scrollen konnte (bei der px angabe von 50px)!

naja auf jedenfall klappts jetzt, also danke nochmal!