CSS Frage

[Darezettl]

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!

[oxpus]

<input type="textarea" gibt es nicht!
Das lautet wenn schon <textarea>Text</textarea>
Definiert wird die Grösse per cols und rows und ein Hintergrundbild würde man per style="background-image url(...);" einbinden...

[Darezettl]

Ja, das ist schon klar.
Bei meinen großen Textareas (also mit mit mehr als einer Zeile) hab ich das ja manuel gemacht, so zb.

Code: Alles auswählen

<textarea name='message' rows='10' cols='80' wrap='virtual' style='background-image:url(images/007.PNG)' tabindex='3' class='post' onselect='storeCaret(this);' onclick='storeCaret(this);' onkeyup='storeCaret(this);'></textarea>

Also ohne die Hilfe der .css datei.


Aber bei den kleinen Textboxen, wo s nur eine Zele ist, ist das wohl viel zu aufwendig, weils viel zu viele davon gibt.

Du hast ja hier auch in bei allen Textboxen so ein Bildchen drinnen, denke kaum dass du das bei jeder einzeln hinzugefügt hast oder oxpus?
Wie hast du es denn gemacht? CSS-Code?

[oxpus]

Bei SubSilver werden die meist mit class="post" definiert und die Klasse kann in der CSS auch mittels background-image versehen werden.
Oder Du definierst nicht auch die Klasse, sondern auf <input>!
Also z. B.:

Code: Alles auswählen

input { background-image url(); }

[Darezettl]

Hä??!?

Zum ersten:

Ich leg also in der css ne Klasse "whatever" an und dieser weise ich ein background-image zu.

Dann mach ich aus allen input type="text" ein input type="text" class="whatever" oder?
Wie müsste dann der Eintrag in der .css dafür lauten?
Kannst ma den bitte posten..?

Zu dem hier:

Oder Du definierst nicht auch die Klasse, sondern auf <input>!
Also z. B.:

Code: Alles auswählen

input { background-image url(); }

Das versteh ich noch weniger.. wie ginge das denn?



Welche der beiden Möglichkeiten ist schneller und leichter zu realisieren?

[oxpus]

So wie Du es beschrieben hast, ist es schon okay.
Der Part der Definition wird dann eben auch genau so in die css-Datei eingetragen, die zum Style gehört. Und in die Klammer der url() muss eben das Bild rein, inkl. Pfad (relativ oder absolut ist hierbei egal).

[Darezettl]

Jaja, schon klar.
Aber was muss ich nun genau in die .css einfügen??



Die Antwort bist du mir noch schuldig..

[oxpus]

Eben genau das, was Du zuletzt von mir zitiert hast!

Aber wenn es keiner versteht:

Code: Alles auswählen

input { background-image url('path/image.gif'); }

Jetzt verstanden?

[Darezettl]

[quote="oxpus - Sa 04.Feb, 2006 19:27";p="53226"]

Jetzt verstanden?[/quote]

ne, ehrlich gesagt nicht

[oxpus]

- Finde in Deinem phpBB-Template-Ordner die CSS-Datei
- Öffne diese Datei mit einem x-beliebigen Texteditor
- Gehe an das Ende der Datei
- Füge den von mir geposteten Code ein und ersetze "path/image.gif" mit einem Bild Deiner Wahl.
- Fertig

[Darezettl]

aber merce dir oxpus, dein code funktioniert !!!



edit: eyo, bevor ich ins bett kipp:
wie ist gleich wieder der code das das bild in der x-achse NICHT wiederholt wird?

[oxpus]

Das wäre Eigenschaft no-repeat. Bedeutet aber dann in jede Richtung!