Kleine CSS Frage (bild einbinden in textarea)

[ATARI]

Also wie geht es dass ich es via css definiere dass alle Eingabe Boxen dieses typs, zb.

<tr>
<td class="row"><span class="gen">{L_INTERESTS}:</span></td>

<td class="row">
<input type="text" class="post"style="width: 200px" name="interests" size="35" maxlength="150" value="{INTERESTS}" />
</td>
</tr>

ein Bild drinnen erscheint?
Dieses Bild soll aber nur allen Textboxen wie bei dem oben fett gedruckten Teil erscheinen.
So größere Textareas wie wie die Signatur ham ja statt <input type="text"> das hier: <input type="textarea">

Da soll das Bildchen nicht drinnen sein.
Also nur bei <input type="text">

Also, wie lautet der Code für meine CSS?


edit: Ich suche nicht den Code, der es mir erlaubt in einer (genau dieser) textarea ein Bildchen einzügen, sondern dass soll dann in allen automatisch erscheinen, müsste also in der bla.css zu machen sein!

[miccom]

du musst die class "post" editieren, das wirkt sich aber auf alle formular elemente mit dieser classe aus, ausser du trennst sie auf:

für standard subsilver:

Code: Alles auswählen

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #000000;
}

mach das:

Code: Alles auswählen

/* The text input fields background colour */
input.post, select {
	background-color : #000000;
}
textarea.post {
	background-color : #000000;
        background-image: url(templates/subSilver/images/dein_bg.gif);
}

[S2B]

Im Prinzip ist das mit CSS möglich, allerdings wird diese Methode bisher vom Internet Explorer nicht unterstützt. Wie das genau geht, kannst du hier nachlesen:
http://www.css4you.de/wscss/css03.html#attribut