OT: CSS: eingerückte Zeilen und vorgefertigter Text
Hallo, kann man mit CSS folgende zwei Sachen?: - alle automatisch umgebrochenen Zeilen sollen eingerückt werden, alle mit <p> oder <br> umgebrochenen nicht. - einen vorgefertigten Text durch CSS zuweisen lassen. D.h. <p class="quelle">interessante Bücher soll ergeben: Quellen: interessante Bücher Danke und Grüße Johannes -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um eine Liste aller verfuegbaren Kommandos zu bekommen, schicken Sie eine Mail an: opensuse-de+help@opensuse.org
Johannes Reese schrieb:
- alle automatisch umgebrochenen Zeilen sollen eingerückt werden, alle mit <p> oder <br> umgebrochenen nicht.
Wie willst du mit einem <p>-Tag den Text umbrechen? Zeilenumbruch mit <br> bzw. <br \> und ein Paragraf wird *eingeschlossen* mit <p> und </p>. Daher machst du mit <p> keinen Zeilenumbruch. Du könntest alles in eine div-Box packen, die ein padding von 5em hat. Dann sind alle ohne Formatierung eingerückt, für die <p>-Umgebung definierst Du margin als -5em, dann müsste es stimmen. (Beispielwerte!) Gecodetes Beispiel auf Nachfrage.
- einen vorgefertigten Text durch CSS zuweisen lassen. D.h.
<p class="quelle">interessante Bücher
soll ergeben: Quellen: interessante Bücher
Bei einem <p>-Tag _musst_ du ein schließendes Tag angeben, also </p> Ich wüsste nicht, dass so etwas geht. Aber stöber doch mal auf [1] rum, da gibts alle Möglichkeiten, die CSS bietet. Möglicherweise kannst du letzteres mit SSI lösen. [1] Beides ließe sich mit PHP einfachst lösen, falls verfügbar (Nachfrage ergibt evtl. Code). ;-) Martin [1] de.selfhtml.org [2] http://de.selfhtml.org/servercgi/server/ssi.htm -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um eine Liste aller verfuegbaren Kommandos zu bekommen, schicken Sie eine Mail an: opensuse-de+help@opensuse.org
Hallo, On 08-Jan-2007 Martin Ereth wrote:
Du könntest alles in eine div-Box packen, die ein padding von 5em hat. Dann sind alle ohne Formatierung eingerückt, für die <p>-Umgebung definierst Du margin als -5em, dann müsste es stimmen. (Beispielwerte!)
Schlechte Idee. Die div-Box ist unproblematisch, weil sich der Text der tatsaechlichen Browserfensterbreite anpasst, aber ob der davorstehende Satz- oder Absatzteil breitenmaessig dazupasst, weisst du nicht. Das Problem sind vor allem schmalere Fenster, weil es dann zwei p-Zeilen gibt. Gegen unschoene Effekte durch breitere kann man sich dagegen durch eine Breitenbegrenzung der div-Box schuetzen. Beste Gruesse, Heinz. -- Reisefuehrer Bulgarien u.a: http://www.erlebnis-bulgarien.de Reiseberichte Osteuropa: http://www.pahlke-online.de Barrierefreies Webdesign: http://www.Pahlke-KunstWebDesign.de -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um eine Liste aller verfuegbaren Kommandos zu bekommen, schicken Sie eine Mail an: opensuse-de+help@opensuse.org
Am Montag, 8. Januar 2007 13:03 schrieb Johannes Reese:
kann man mit CSS folgende zwei Sachen?:
- alle automatisch umgebrochenen Zeilen sollen eingerückt werden, alle mit <p> oder <br> umgebrochenen nicht.
mir ist nicht ganz klar wie das genau aussehn soll, aber vielleicht ist ja text-indent: 1em; gemeint.
- einen vorgefertigten Text durch CSS zuweisen lassen. D.h.
<p class="quelle">interessante Bücher soll ergeben: Quellen: interessante Bücher
das :before / :after Element sollte das machen, leider wird es nicht von allen Browsern unterstüzt. http://www.css4you.de ist eine gute CSS Quelle. Bye Jürgen -- Dr.rer.nat. Juergen Vollmer, Viktoriastrasse 15, D-76133 Karlsruhe Tel: +49(721) 92 04 87 1 Fax: +49(721) 92 04 87 2 Juergen.Vollmer@informatik-vollmer.de www.informatik-vollmer.de Internet-Telefonie: www.skype.com Benutzer: juergen.vollmer
Am Montag, 8. Januar 2007 14:29 schrieb Dr. Jürgen Vollmer:
Am Montag, 8. Januar 2007 13:03 schrieb Johannes Reese:
kann man mit CSS folgende zwei Sachen?:
- alle automatisch umgebrochenen Zeilen sollen eingerückt werden, alle mit <p> oder <br> umgebrochenen nicht.
mir ist nicht ganz klar wie das genau aussehn soll, aber vielleicht ist ja text-indent: 1em; gemeint.
Der Verweis war ein guter Tipp. Das mit dem before klappt zumindest beim Firefox gut. Aber noch einmal zu dem obigen Problem: <p>Text <br>zweiter Text.zweiter Text.zweiter Text.zweiter Text.zweiter Text.dritter Text.dritter Text.dritter Text.dritter Text.dritter Text.dritter Text.vierter Text. vierter Text. vierter Text. soll ergeben: Text zweiter Text.zweiter Text.zweiter Text.zweiter Text.zweiter Text.dritter Text.dritter Text.dritter Text.dritter Text.dritter vierter Text. vierter Text. vierter Text. Gruß Johannes -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um eine Liste aller verfuegbaren Kommandos zu bekommen, schicken Sie eine Mail an: opensuse-de+help@opensuse.org
Am Montag, 8. Januar 2007 14:52 schrieb Johannes Reese:
Am Montag, 8. Januar 2007 14:29 schrieb Dr. Jürgen Vollmer:
Am Montag, 8. Januar 2007 13:03 schrieb Johannes Reese:
kann man mit CSS folgende zwei Sachen?:
- alle automatisch umgebrochenen Zeilen sollen eingerückt werden, alle mit <p> oder <br> umgebrochenen nicht.
mir ist nicht ganz klar wie das genau aussehn soll, aber vielleicht ist ja text-indent: 1em; gemeint.
Der Verweis war ein guter Tipp. Das mit dem before klappt zumindest beim Firefox gut. Aber noch einmal zu dem obigen Problem:
<p>Text <br>zweiter Text.zweiter Text.zweiter Text.zweiter Text.zweiter Text.dritter Text.dritter Text.dritter Text.dritter Text.dritter Text.dritter Text.vierter Text. vierter Text. vierter Text.
soll ergeben:
Text zweiter Text.zweiter Text.zweiter Text.zweiter Text.zweiter Text.dritter Text.dritter Text.dritter Text.dritter Text.dritter vierter Text. vierter Text. vierter Text.
vielleicht geht das ja mit einem negativen indent, d.h. die erste Zeile wird nach Links eingerückt. Bye Jürgen -- Dr.rer.nat. Juergen Vollmer, Viktoriastrasse 15, D-76133 Karlsruhe Tel: +49(721) 92 04 87 1 Fax: +49(721) 92 04 87 2 Juergen.Vollmer@informatik-vollmer.de www.informatik-vollmer.de Internet-Telefonie: www.skype.com Benutzer: juergen.vollmer
Johannes Reese schrieb:
<p>Text <br>zweiter Text.zweiter Text.zweiter Text.zweiter Text.zweiter Text.dritter Text.dritter Text.dritter Text.dritter Text.dritter Text.dritter Text.vierter Text. vierter Text. vierter Text.
Ich glaube es in meiner vorhergehenden Mail erwähnt zu haben: Das <p>-Tag MUSS geschlossen werden!!! Ich möchte nicht für Ergebnisse bürgen müssen, die bei einem solch unkonformen Quelltext entstehen! <p>Text</p> <br>zweiter Text.zweiter Text.zweiter Text.zweiter Text.zweiter Text.dritter Text.dritter Text.dritter Text.dritter Text.dritter Text.dritter Text.vierter Text. vierter Text. vierter Text. Martin -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um eine Liste aller verfuegbaren Kommandos zu bekommen, schicken Sie eine Mail an: opensuse-de+help@opensuse.org
Hallo, On 08-Jan-2007 Martin Ereth wrote:
Ich glaube es in meiner vorhergehenden Mail erwähnt zu haben: Das <p>-Tag MUSS geschlossen werden!!!
Nein, bis HTML 2 (glaube ich) war das Schliessen nicht zwingend vorgeschrieben. Allerdings kennt das noch keinen text-indent :-((
Ich möchte nicht für Ergebnisse bürgen müssen, die bei einem solch unkonformen Quelltext entstehen!
<p>Text</p> <br>zweiter Text.zweiter Text.zweiter Text.zweiter Text.zweiter Text.dritter Text.dritter Text.dritter Text.dritter Text.dritter Text.dritter Text.vierter Text. vierter Text. vierter Text.
Egal, welche Html-Version du nimmt, validierender Code ist das nicht, weil <br> so nicht stehen kann (wobei man sowieso besser <br /> schreiben wollte). Beste Gruesse, Heinz. -- Reisefuehrer Bulgarien u.a: http://www.erlebnis-bulgarien.de Reiseberichte Osteuropa: http://www.pahlke-online.de Barrierefreies Webdesign: http://www.Pahlke-KunstWebDesign.de -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um eine Liste aller verfuegbaren Kommandos zu bekommen, schicken Sie eine Mail an: opensuse-de+help@opensuse.org
On Monday 08 January 2007...: Sorry, ich hab den Thread nicht von Anfang an, aber zumindest
- alle automatisch umgebrochenen Zeilen sollen eingerückt werden, alle mit <p> oder <br> umgebrochenen nicht.
ist für <p> einfach mit "text-indent" und "margin": <p style="text-indent:3em"> Bei diesem Absatz wird die erste Zeile um 3 em eingerückt, alle weiteren Zeilen kleben weiterhin am linken Rand. </p> <p style="text-indent:-3em; margin-left:3em"> Hier wurde mit margin-left ein linker Rand von 3 em definiert, die erste Zeile aber mit Minus-3em um die gleiche Grösse nach links gerückt. Somit ist also die Zeile mit dem p nicht eingerückt, alle anderen aber schon </p> Ich glaube mit <br> geht das nicht. Auf die andere Frage habe ich keine Antwort (bzw. wüsste nicht wie...). Gruss Daniel -- Daniel Bauer photographer Basel Switzerland professional photography: http://www.daniel-bauer.com Madagascar special: http://www.sanic.ch -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um eine Liste aller verfuegbaren Kommandos zu bekommen, schicken Sie eine Mail an: opensuse-de+help@opensuse.org
Hallo, On 08-Jan-2007 Johannes Reese wrote:
kann man mit CSS folgende zwei Sachen?:
- alle automatisch umgebrochenen Zeilen sollen eingerückt werden, alle mit <p> oder <br> umgebrochenen nicht.
Ist doch ganz einfach, den Text als jpg oder gif speichern :-) Ansosnten, wie soll es funktionieren? Die Zeile beginnt mit <p> und endet mit </p> oder einem anderen oeffnenden tag. Was der Browser daraus macht, haengt unter anderem davon ab, wie breit du das Browserfenster ziehst. Okay, fuer diesen Zweck war mal "indent" gedacht (oder wie es heisst, ich habe jetzt keine Lust, das herauszusuchen), aber angesichts fehlender Implementierung in den Browsern ist es eine Spielerei geblieben.
- einen vorgefertigten Text durch CSS zuweisen lassen. D.h.
<p class="quelle">interessante Bücher
CSS ist, wie es der Name schon sagt, zur Formatierung gedacht. das Einfuegen von Text hat damit nichts zu tun. Nimm php oder SSI. Eine andere Moeglichkeit waere Javascript, aber damit schliesst du alle Nutzer aus, die aus irgendeinem Grund kein JS benutzen. Wenn es dir "nur" um eine bequemere Erstellung von Seiten geht, waere auch ein CMS oder ein Praeprozessor wie wml eine Alternative Beste Gruesse, Heinz. -- Reisefuehrer Bulgarien u.a: http://www.erlebnis-bulgarien.de Reiseberichte Osteuropa: http://www.pahlke-online.de Barrierefreies Webdesign: http://www.Pahlke-KunstWebDesign.de -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um eine Liste aller verfuegbaren Kommandos zu bekommen, schicken Sie eine Mail an: opensuse-de+help@opensuse.org
Hallo Heinz und alle anderen HTML-Kundigen ;-)
On 08-Jan-2007 Johannes Reese wrote:
... - einen vorgefertigten Text durch CSS zuweisen lassen. D.h.
<p class="quelle">interessante Bücher
CSS ist, wie es der Name schon sagt, zur Formatierung gedacht. das Einfuegen von Text hat damit nichts zu tun.
Nimm php oder SSI. Eine andere Moeglichkeit waere Javascript, aber damit schliesst du alle Nutzer aus, die aus irgendeinem Grund kein JS benutzen.
Mich treibt seit einigen Tagen ein ähnliches Problem um: Gibt es eine Möglichkeit, den Inhalt einer Textdatei in eine HTML-Datei "einzublenden"? Also eine Art "Include"... Ich habe hier vier Textdateien, die von einem Programm gelegentlich aktualisiert werden. Diese Texte würde ich gerne in eine HTML-Seite "einblenden"... Gruß, Michael -- ____ / / / / /__/ Michael Höhne / / / / / / mih-hoehne@web.de / ___________________________________/ -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um eine Liste aller verfuegbaren Kommandos zu bekommen, schicken Sie eine Mail an: opensuse-de+help@opensuse.org
Hallo, Am Mon, 08 Jan 2007, Michael Höhne schrieb:
Mich treibt seit einigen Tagen ein ähnliches Problem um: Gibt es eine Möglichkeit, den Inhalt einer Textdatei in eine HTML-Datei "einzublenden"? Also eine Art "Include"...
Jep. Mit SSI ("Server Side Include"). Sieht dann z.B. so aus: <!--#include virtual="res/footer.shtml" --> Beim Apachen ist "mod_include" dafür zuständig. Ist in der Apache-Doku dokumentiert. -dnh -- BW-Programmierung. 10 Pointer nehmen, einer wird hoffentlich schon die richtige Adresse treffen. -- Uli Eckhardt -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um eine Liste aller verfuegbaren Kommandos zu bekommen, schicken Sie eine Mail an: opensuse-de+help@opensuse.org
Hallo David,
Am Mon, 08 Jan 2007, Michael Höhne schrieb:
Mich treibt seit einigen Tagen ein ähnliches Problem um: Gibt es eine Möglichkeit, den Inhalt einer Textdatei in eine HTML-Datei "einzublenden"? Also eine Art "Include"...
Jep. Mit SSI ("Server Side Include"). Sieht dann z.B. so aus:
<!--#include virtual="res/footer.shtml" -->
Den Tipp habe ich auch von Martin Ereth per PM bekommen. Ist leider technisch nicht möglich/zu aufwändig. Mir steht nur ein Verzeichnis mit Dateien und ein Browser zur Verfügung. Der Auftraggeber wird jetzt mit 4 Frames gequält, das muss erst einmal reichen ;-) Wobei es mich irgendwie wundert, warum es das in HTML nicht gibt!? Gruß, Michael -- ____ / / / / /__/ Michael Höhne / / / / / / mih-hoehne@web.de / ___________________________________/ -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um eine Liste aller verfuegbaren Kommandos zu bekommen, schicken Sie eine Mail an: opensuse-de+help@opensuse.org
Am Dienstag, 9. Januar 2007 11:23 schrieb Michael Höhne:
Hallo David,
Am Mon, 08 Jan 2007, Michael Höhne schrieb:
Mich treibt seit einigen Tagen ein ähnliches Problem um: Gibt es eine Möglichkeit, den Inhalt einer Textdatei in eine HTML-Datei "einzublenden"? Also eine Art "Include"...
Jep. Mit SSI ("Server Side Include"). Sieht dann z.B. so aus:
<!--#include virtual="res/footer.shtml" -->
Den Tipp habe ich auch von Martin Ereth per PM bekommen. Ist leider technisch nicht möglich/zu aufwändig. Mir steht nur ein Verzeichnis mit Dateien und ein Browser zur Verfügung.
Der Auftraggeber wird jetzt mit 4 Frames gequält, das muss erst einmal reichen ;-)
Wobei es mich irgendwie wundert, warum es das in HTML nicht gibt!?
was spricht gegen sed/perl/awk, um die Seiten zusammen zubauen? bye Jürgen -- Dr.rer.nat. Juergen Vollmer, Viktoriastrasse 15, D-76133 Karlsruhe Tel: +49(721) 92 04 87 1 Fax: +49(721) 92 04 87 2 Juergen.Vollmer@informatik-vollmer.de www.informatik-vollmer.de Internet-Telefonie: www.skype.com Benutzer: juergen.vollmer
Am Dienstag, 9. Januar 2007 11:28 schrieb Dr. Jürgen Vollmer:
Am Dienstag, 9. Januar 2007 11:23 schrieb Michael Höhne:
Am Mon, 08 Jan 2007, Michael Höhne schrieb:
Mich treibt seit einigen Tagen ein ähnliches Problem um: Gibt es eine Möglichkeit, den Inhalt einer Textdatei in eine HTML-Datei "einzublenden"? Also eine Art "Include"...
Jep. Mit SSI ("Server Side Include"). Sieht dann z.B. so aus:
<!--#include virtual="res/footer.shtml" -->
Den Tipp habe ich auch von Martin Ereth per PM bekommen. Ist leider technisch nicht möglich/zu aufwändig. Mir steht nur ein Verzeichnis mit Dateien und ein Browser zur Verfügung.
Der Auftraggeber wird jetzt mit 4 Frames gequält, das muss erst einmal reichen ;-)
Wobei es mich irgendwie wundert, warum es das in HTML nicht gibt!?
was spricht gegen sed/perl/awk, um die Seiten zusammen zubauen?
Die Kiste, die die betreffenden Dateien erzeugt, ist eine Uralt-Maschine, auf der noch Windows 3.11 läuft. Das Teil ist nur deswegen noch nicht tot, weil die dort installierte Software, die einkommende Daten von einer ebenfalls völlig veralteten Maschine analysiert, auf keiner anderen Kiste läuft (weder Source-Code, noch Installationsversion ist zu haben, Hersteller gibt es nicht mehr). Diese Kombination muss noch bis Juni laufen, dann wird alles komplett ersetzt. Ich habe also nur das freigegebene Verzeichnis mit den vier Protokolldateien, die einer meiner Chefs gerne in seine selbstgestrickte "HTML-Überwachungsumgebung" auf seinem alten Büro-Rechner einbauen möchte... Die Formatierung ist mau, wenn ich die Teile einfach über einen Link aufrufe, und der gute Mann möchte es halt gerne "auf einen Blick" sehen. Da das Ganze nur noch provisorischen Charakter hat, ist mir der Weg über einen dritten Rechner, der den Zusammenbau macht, etwas zu mühselig. Ich müsste das dann mit einem Windows-Batch machen, da mein Laptop der einzige Linux-Rechner in diesem Laden ist.... Mein Chef hat jetzt ein HTML mit 4 Frames, in denen die Texte erscheinen. Das wird erst mal reichen. Gruß, Michael -- ____ / / / / /__/ Michael Höhne / / / / / / mih-hoehne@web.de / ___________________________________/ -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um eine Liste aller verfuegbaren Kommandos zu bekommen, schicken Sie eine Mail an: opensuse-de+help@opensuse.org
Hallo, On 09-Jan-2007 Michael Höhne wrote:
Wobei es mich irgendwie wundert, warum es das in HTML nicht gibt!?
Weil HTML mal fuer die Informationsuebermittlung entwickelt wurde, aber nicht fuer, etwas uebertrieben formuliert, klickibunte Actionseiten. Aber wie bereits geschrieben, laesst sich dein Wunsch vermutlich auch mit Javascript realisieren. So in Richtung document.writeln( "irgendein Inhalt" ); Und um mich nochmal zu wiederholen, an Benutzer ohne JS denken. Wenn der so eingefuegte Inhalt nicht unbedingt notwendig ist, das ganze selbst per JS einbinden; dann bemerkt der Besucher gar nicht, das da etwas fehlt. Andern falls wird es schwieriger. Deutschen Besuchern kannst du ein "Schalten Sie gefaelligst JS ein" vor den Latz knallen, in den USA sollte dein Auftraggeber vorher besser seine Rueckstellungen wegen Verbraucherschutzklagen anheben. Ohne URL ist es schwer zu sagen, wie die beste Loesung aussehen koennte. Beste Gruesse, Heinz. -- Reisefuehrer Bulgarien u.a: http://www.erlebnis-bulgarien.de Reiseberichte Osteuropa: http://www.pahlke-online.de Barrierefreies Webdesign: http://www.Pahlke-KunstWebDesign.de -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um eine Liste aller verfuegbaren Kommandos zu bekommen, schicken Sie eine Mail an: opensuse-de+help@opensuse.org
Hallo Heinz,
On 09-Jan-2007 Michael Höhne wrote:
Wobei es mich irgendwie wundert, warum es das in HTML nicht gibt!?
Weil HTML mal fuer die Informationsuebermittlung entwickelt wurde, aber nicht fuer, etwas uebertrieben formuliert, klickibunte Actionseiten.
Ist mir klar. Aber auch wenn man nur eine Dokumentation o.ä schreibt könnte es Situationen geben, wo man lieber eine Wiederholung als einen Link haben möchte. Wenn ich dies mit einem <include>Filname...</include> machen könnte, hätte ich ein Mittel, um diese Wiederholungen auch nur einmal warten zu müssen.
[weitere Tipps]
Da das nur eine sehr spezielle Situation mit einem einzelnen Benutzer betrifft, werde ich die Frames-Lösung erst einmal so lassen. Ich bin HTML-technisch noch Anfänger und dachte, ich hätte etwas überlesen. In sofern waren die Antworten erhellend. Gruß, Michael -- ____ / / / / /__/ Michael Höhne / / / / / / mih-hoehne@web.de / ___________________________________/ -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um eine Liste aller verfuegbaren Kommandos zu bekommen, schicken Sie eine Mail an: opensuse-de+help@opensuse.org
participants (7)
-
Daniel Bauer -
David Haller -
Dr. Jürgen Vollmer -
Heinz W. Pahlke -
Johannes Reese -
Martin Ereth -
Michael Höhne