Feld zum Scrollen

CSS, Java Script u.s.w

Moderator: HTML-Laie

Benutzeravatar
loewenaeffchen
Forengänger
Forengänger
Beiträge: 33
Registriert: Mi 6. Nov 2013, 06:05
Mein Vorname: Melanie
Kontaktdaten:

Feld zum Scrollen

Beitrag von loewenaeffchen »

Hallo zusammen,

da habe ich schon meine erste Frage...
...ich weiß aber nicht, ob die Frage hier richtig ist.
Zur Info, ich habe keine Ahnung von Fachausdrücken, also entschuldigt bitte meine laienhafte Ausdrucksweise.

Also, ich würde gerne folgendes machen:
auf einer Textseite hätte ich gerne ein seperates Feld, in welchem ich Infos reinschreiben kann, jedoch soll dieses Feld zum scrollen sein.

Bis hier her bin ich gekommen:

<textarea readonly cols="60" rows="5" style="font-size:16px;" >
Text...
</textarea>

Aber wie kann ich jetzt den Text

1. mittig setzten
2. mit Absätzen versehen
3. die Größe einstellen
4. die Farbe der Schrift ändern
5. die Farbe des Hintergundes änder?

Suche mich jetzt schon dumm und dusselig und finde keine Antwort. :E
Über einen Besuch würde ich mich freuen.
http://www.meine-kleine-fotowelt.de
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 6995
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:

Re: Feld zum Scrollen

Beitrag von goefi-chiangmai »

loewenaeffchen hat geschrieben: 1. mittig setzten

Code: Alles auswählen

<p align="center">  text   </p>
loewenaeffchen hat geschrieben: 2. mit Absätzen versehen
p befehl ist ein Absatz <br /> wäre ein zeilenumbruch

Code: Alles auswählen

<p>  Absatz  </p>
loewenaeffchen hat geschrieben: 3. die Größe einstellen
Musst genauer erklären was mit grösse meinnst
loewenaeffchen hat geschrieben: 4. die Farbe der Schrift ändern
Wäre besser mit einer CSS klasse zu machen
sonnst so farbnamen kannst auch mit Hexadezimalcode ersetzen: Websichere Farbcods: http://npage-hilfe.net/tools/farbtabelle.php

Code: Alles auswählen

<font color="red">Text in farbe</font> 
loewenaeffchen hat geschrieben: 5. die Farbe des Hintergundes änder?
musst bitte auch genauer erklären, hintergrund des Designs oder ewas genau
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
Privat Homepage: goefi-chiangmai
Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Benutzeravatar
loewenaeffchen
Forengänger
Forengänger
Beiträge: 33
Registriert: Mi 6. Nov 2013, 06:05
Mein Vorname: Melanie
Kontaktdaten:

Re: Feld zum Scrollen

Beitrag von loewenaeffchen »

@ goefi-chiangmai:
Cool, :DA

Kannst du mir jetzt noch sagen, wie ich das richtig zusammenbastel?
An welche Stelle muss ich was setzten, so dass es auch funktioniert?
Irgend was mach ich da auch falsch. Das Feld an sich bekomme ich hin, wenn ich dann aber den Text anpassen möchte sieht man einfach nur den HTML-Code in dem Feld auf der HP. :E

Der Hintergund soll folgende Farbe habe:
#ffff99

Evtl würde ich auch gerne ein Bild als Hintergrund nehmen wollen, aber das ist nicht so wichtig, denn ich weiß nicht ob es dann zu viel wäre und ein einfarbiger Hintergrund einfach schöner aussieht. Manchmal ist ja weniger mehr. ;-)

LG Melanie
Über einen Besuch würde ich mich freuen.
http://www.meine-kleine-fotowelt.de
Benutzeravatar
loewenaeffchen
Forengänger
Forengänger
Beiträge: 33
Registriert: Mi 6. Nov 2013, 06:05
Mein Vorname: Melanie
Kontaktdaten:

Re: Feld zum Scrollen

Beitrag von loewenaeffchen »

PS: mit Größe meine ich die Schriftgröße.
Also um genau zu sein, die in dem Feld befindliche Schrift soll die Schriftart "lucida sans unicode,lucida grande,sans-serif", Farbe #8b4513 und Größe 16 haben.
Über einen Besuch würde ich mich freuen.
http://www.meine-kleine-fotowelt.de
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 6995
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:

Re: Feld zum Scrollen

Beitrag von goefi-chiangmai »

Ach so ja.
In einem textara feld kannst nix formatieren, dazu ist textara ja da um cods anzuzeigen, habe das gar nicht geachtet zuerst auf dein beitrag.
Kannst bitte mal ein link auf die seite setzen wo das machen möchtest, besser wäre vermutlich ein iframe setzten, wird jedoch wieder ein problem sein, da Du eine Designvorlage verwendest
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
Privat Homepage: goefi-chiangmai
Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Benutzeravatar
loewenaeffchen
Forengänger
Forengänger
Beiträge: 33
Registriert: Mi 6. Nov 2013, 06:05
Mein Vorname: Melanie
Kontaktdaten:

Re: Feld zum Scrollen

Beitrag von loewenaeffchen »

Aaaahhh... ich mühe mich jetzt seit zwei Tagen da ab... *lachmichtot* :G :G :G (das ist typisch für mich) :D
... also wenn ich dich richtig verstanden habe, kann ich das, was ich da vor habe garnet so machen?

Hab es bisher noch nicht auf der HP freigeschaltet, sondern übe die ganze Zeit auf einer nicht öffentlichen Seite. Wie können wir das jetzt machen?
Über einen Besuch würde ich mich freuen.
http://www.meine-kleine-fotowelt.de
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3278
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Feld zum Scrollen

Beitrag von Jasko »

Man kann das ganze mit Div-Containern und CSS regeln, hier eine schnelle Lösung:

Code: Alles auswählen

<div style="height: 500px;position:relative;overflow:auto;border:1px solid red;">
        <div style="height:1500px;"><!-- Anfang: Container zwei, zu demo zwecken -->
        		<p style="color:#8b4513; font-style:'lucida sans unicode','lucida grande','sans-serif';font-size:16px;">
        			Absatz
        		</p>
        </div>  <!-- Ende:  Container zwei -->
</div>
Die Style Abschnitte innerhalb der Tags sollte man in eine CSS Datei ausgleidern damit der Quellcode übersichtlicher bleibt und wenn man mehrere dieser Container verwenden möchte ist es natürlich auch von Vorteil bei ewentuellen änderungen.

Bitte darauf achten das, dieser Code ein Beispiel Code ist und nicht auf deine Seite zugeschnitten, anpassungen kann man selber machen, oder du sagst bescheid was du so brauchst.

MfG
Jasko

PS: Den zweiten Div Container braucht man nicht unbeding, es sollte nur gezeigt werden das wenn die Größe des ersten überschritten ist ein Scrollbalken erscheint.
Benutzeravatar
loewenaeffchen
Forengänger
Forengänger
Beiträge: 33
Registriert: Mi 6. Nov 2013, 06:05
Mein Vorname: Melanie
Kontaktdaten:

Re: Feld zum Scrollen

Beitrag von loewenaeffchen »

Hallo zusammen!

Zuerst:
Vielen, vielen Dank für euer Hilfe! Echt klasse!
:DA

Hab´s geschafft... sogar mit Hintergrundbild und Größe anpassen! Bin stolz wie Oskar! :I

Liebe Grüße
Melanie
Über einen Besuch würde ich mich freuen.
http://www.meine-kleine-fotowelt.de
Benutzeravatar
thaileben
Moderator
Moderator
Beiträge: 7772
Registriert: So 26. Sep 2010, 03:47
Mein Vorname: Jürg
Wohnort: nahe Ubon Ratchathani / Thailand
Kontaktdaten:

Re: Feld zum Scrollen

Beitrag von thaileben »

Sieht gut aus das scroll dingens :G
jedoch: bei mir bleibt es hängen.
Am Anfang ging es etappenweise --- ganz unten angekommen kann ich nicht mehr hoch wo der Fehler liegt kann ich leider nicht sagen :E

Das Bild des Monats ist wiedermal der Hit :I

Jürg :X
Benutzeravatar
loewenaeffchen
Forengänger
Forengänger
Beiträge: 33
Registriert: Mi 6. Nov 2013, 06:05
Mein Vorname: Melanie
Kontaktdaten:

Re: Feld zum Scrollen

Beitrag von loewenaeffchen »

Huhu Jürg!

Freue mich total, dass es dir gefällt, aus deinem Mund nehme ich das erstrecht als Kompliment, denn ich weiß du bist kritsch und sagst, was du meinst (was ich sehr gut finde).
[smilie=wink.gif]

Habe alle Seiten durchprobiert und bei mir läuft alles einwandfrei. :E woran kann´s liegen?

Bin schon die ganze Zeit am Überlegen, was ich als Bild des Monats Dezember mache... ist schwer die Entscheidung... sind schon zu viele Bilder. :G
LG
Melanie
Über einen Besuch würde ich mich freuen.
http://www.meine-kleine-fotowelt.de
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 34 Gäste