Style ändern in der Textarea

Kategorien: HTML, JavaScript, CSS, ...
8 Antworten
reaLfoX
reaLfoX am Sonntag, 1. Mai 2005 um 21:29
Hi Leute! Bin gerade an meiner Homepage und hab eine Textarea erstellt. Wer nicht weiß was das ist, klickt hier www.kai9r.de/kai9r.php?open=xchange.php. Hier der Quellcode dazu: <textarea onFocus="this.select()" style="height:60px; width:418;"><a href="http://www.kai9r.de" target="_blank"><img src="http://www.kai9r.de/Bilder/kai9r.de_minibutton.gif" width="88" height="31" border="0" alt="kai9r.de ** Personal Portfolio"></a></textarea> Kann mir jemand helfen wie ich den Style davon verändern kann.. evtl. mit CSS oder so. MfG kai9r

Kommentare

Morpheus
Morpheus am Sonntag, 1. Mai 2005 um 21:44

du musst nur in die .css datei bzw. in den css header schreiben:


...

textarea {
font-family: ....
etc.
}
...


Aber OHNE punkt davor also nur [b]textarea[/b]

reaLfoX
reaLfoX am Sonntag, 1. Mai 2005 um 23:09

Also der Font ist nun ok, aber die bgcolor ändert sich nicht und die dumme scrollbar is auch noch da .. kannst mir evtl. den code so schreiben wie er dazu richtig sein muss?

Schriftfarbe soll 616161 sein

Hintergrund der Textarea soll 434343 sein

Hier noch mein Quellcode:

<style type="text/css">
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; font-weight:100 color: #616161; text-decoration: none;
bgcolor: #434343;
}

Danke schonmal im Vorraus

MfG
kai9r

evo
evo am Montag, 2. Mai 2005 um 11:02

Die Scrollbar wirst du nich wegbekommen..


textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-weight: 100;
text-decoration: none;
color: #616161;
background-color: #434343;
}


Schade das du dir das von anderen machen lässt und es nicht selber lernst.. Es nicht falsch zu wissen wie das ganze funktioniert.. Einige Links für dich:

www.htmlwiki.de/Hauptseite
www.css4you.de

Morpheus
Morpheus am Montag, 2. Mai 2005 um 13:33

Meines Wissens nach ändert sich die Scrollbar einer Textarea nur dann wenn man die Scrollbar der gesamten Seite ändert.

Korrigiert mich wenn ich falsch liege :)

Zu dem Background: der CSS Befehl für Hintergrund ist nicht bgcolor sondern [b]background-color: #XXXXXX;[/b]

;)

Chefkoch
Chefkoch am Montag, 2. Mai 2005 um 14:58

hmm, nee. man kann den scrollbalken auch nur in dem textfeld ändern. der befehl ist
overflow: auto;
für auto können natürlich auch noch andere werte gesetzt werden.

ansonsten noch eine andere sache. den text kann man auf deiner seite kaum lesen. erstens weil er so klein ist, und dann verschwindet die schwarze schrift auf dem dunkelgrauen hintergrund .... da würde ich eventuell gucken mehr kontrast rein zu bekommen. ansonsten siehts gut aus ....

reaLfoX
reaLfoX am Montag, 2. Mai 2005 um 19:01

hey leute danke für die infos

@evo: ich hab auf selfhtml gesucht, da aber leider nichts gefunden. ansonsten eigne ich mir so gut wie alles selber an. selbst das mit dem slicen ( falls du dich an den thread noch erinnern kannst ).

@chefkoch: hab die schriftfarbe nun geändert sodass ein stärkerer kontrast entsteht .. hoffe man kann es nun besser lesen

MfG
kai9r

evo
evo am Dienstag, 3. Mai 2005 um 16:10

Original von Chefkoch:
hmm, nee. man kann den scrollbalken auch nur in dem textfeld ändern. der befehl ist
overflow: auto;
für auto können natürlich auch noch andere werte gesetzt werden.


Aber Scrollbalken treten in einer Textarea nur auf wenn der länger ist, overflow ändert das auch nicht.

reaLfoX
reaLfoX am Dienstag, 3. Mai 2005 um 16:25

hab die textarea nun auch kleiner gemacht .. scrollbar bleibt trotzdem :/

p.s.: kollege meinte ich sollte als schriftfarbe etwas "knalliges" nehmen wie orange .. ist in meinen augen schwachsinn oder was meint ihr ?