Seite 1 von 2

Feld zum Scrollen

Verfasst: So 10. Nov 2013, 15:43
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

Re: Feld zum Scrollen

Verfasst: Mo 11. Nov 2013, 06:52
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

Re: Feld zum Scrollen

Verfasst: Mo 11. Nov 2013, 07:47
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

Re: Feld zum Scrollen

Verfasst: Mo 11. Nov 2013, 08:15
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.

Re: Feld zum Scrollen

Verfasst: Mo 11. Nov 2013, 08:39
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

Re: Feld zum Scrollen

Verfasst: Mo 11. Nov 2013, 08:58
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?

Re: Feld zum Scrollen

Verfasst: Di 12. Nov 2013, 09:12
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.

Re: Feld zum Scrollen

Verfasst: Di 12. Nov 2013, 13:29
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

Re: Feld zum Scrollen

Verfasst: Di 12. Nov 2013, 13:44
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

Re: Feld zum Scrollen

Verfasst: Di 12. Nov 2013, 14:54
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