Lauftext am Seitenende positionieren

Davidoff12 · 25. Mai 2010, 12:30

Hallo,

ich bin absoluter Anfänger im Bereich Hompage. Ich versuche gerade eine Seite aufzubauen, die eine Laufschrift hat. Soweit eigentlich kein Problem (ich benutze dafür den Marquee Befehl.

Nun mein Problem, ich möchte dass der Lauftext am Seitenende also unten durchläuft. Habe dazu leider nichts gefunden. Vielleicht kann mir ja jemand nen Tip dazu geben.

Ich hätte halt auch gerne, dass es auf jedem Monitor unten angezeigt wird. Egal was für ne Grösse der Monitor hat oder was für ne Auflösung jemand eingestellt hat.

Danke schon mal für Tips

Gruss
Davidoff12

Shadowww · 25. Mai 2010, 14:43

Mal davon abgesehen, dass der "Marquee-Befehl" kein valider HTML-Befehl ist, könntest du es per CSS unten ausrichten:

Quellcode

.laufschrift {
position: fixed; bottom: 0em; left: 10em; right: 10em;
height: 1em;
color: #AAAAAA;
text-align: center; font-style: normal; font-size: 12px; font-weight: bold;
z-index: 20;
}

Die Werte hab ich einfach so übernommen, die musst du natürlich anpassen.

Dann kannst du es in der Seite aufrufen per

Quellcode

<div class="laufschrift">
(Laufschrift einfügen)
</div>

Davidoff12 · 26. Mai 2010, 13:35

Danke für das Script. Wie ich ja schon geschrieben habe, bin ich blutiger Anfänger. Wo muss ich denn die ganzen Texte hin schreiben?

Sorry, aber in der Hinsicht bin ich ein DAU :eek:

Shadowww · 26. Mai 2010, 17:32

Oh, sorry, hatte ich gar nicht dran gedacht.

Das erste gehört in den Head-Tag deiner Seite, normalerweise ganz am Ende dessen, und, gemeinsam mit eventuellen anderen Formatierungen, eingefasst zwischen <style type="text/css"> und </style>
(Oder in eine extra CSS-Datei, aber ich denke mal nicht dass das in deinem Fall nötig ist.)

Das zweite Codeelement gehört in den Bodybereich. Wo ist eigentlich egal, da die Position ja oben definiert ist. Der Übersicht halber würde ich es natürlich schon ans Ende schreiben.

Ein paar Beispiele findest du hier: SELFHTML: Stylesheets / CSS-basierte Layouts
Ist gar nicht so schwer zu verstehen wie es auf den ersten Blick aussieht, und macht durchaus Spaß ein bisschen damit zu experimentieren.

PS: Das text-align: center; kannst du dir in diesem Fall sparen, die Zeile mit dem Z-Index vermutlich auch.

Davidoff12 · 27. Mai 2010, 07:57

Danke Shadowww,

jetzt habs sogar ich verstanden. Werds dann testen und Bericht geben, obs klappt.

Vielen Dank und Gruss
Davidoff12

Edit: und hier noch mein Feedback:
Also das hat fast auf Anhieb funktioniert. Was ich noch ändern musste war: position: absolute. Sonst ist der Text nicht am unteren Bildschirmrand

Vielen Dank nochmal

und somit erledigt

Quellcode

Quellcode

Teilen