Seite 1 von 1
CSS Frage
Verfasst: Fr 03.Feb, 2006 22:34
von 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!
Verfasst: Sa 04.Feb, 2006 03:10
von 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...
Verfasst: Sa 04.Feb, 2006 08:27
von 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?
Verfasst: Sa 04.Feb, 2006 11:25
von 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.:
Verfasst: Sa 04.Feb, 2006 13:00
von 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:
oxpus hat geschrieben:Oder Du definierst nicht auch die Klasse, sondern auf <input>!
Also z. B.:
Das versteh ich noch weniger.. wie ginge das denn?
Welche der beiden Möglichkeiten ist schneller und leichter zu realisieren?
Verfasst: Sa 04.Feb, 2006 18:46
von 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).
Verfasst: Sa 04.Feb, 2006 19:16
von Darezettl
Jaja, schon klar.
Aber was muss ich nun genau in die .css einfügen??
Die Antwort bist du mir noch schuldig..
Verfasst: Sa 04.Feb, 2006 19:27
von oxpus
Eben genau das, was Du zuletzt von mir zitiert hast!
Aber wenn es keiner versteht:
Jetzt verstanden?
Verfasst: Sa 04.Feb, 2006 20:11
von Darezettl
[quote="oxpus - Sa 04.Feb, 2006 19:27";p="53226"]
Jetzt verstanden?[/quote]
ne, ehrlich gesagt nicht
Verfasst: Sa 04.Feb, 2006 21:47
von 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

Verfasst: So 05.Feb, 2006 00:01
von 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?
Verfasst: So 05.Feb, 2006 13:54
von oxpus
Das wäre Eigenschaft no-repeat. Bedeutet aber dann in jede Richtung!