Wie kann ich senkrechte Linien hinterlegen?

[Tom]

Hello,

unter
http://selfhtml.bitworks.de/forum/get_thread_titles.php

ist ein Entwurf für eine Forumsansicht, natürlich grob abgeguckt vom Self-Forum :-)

Ich möchte dort nun die Einrückungen mit hauchdünnen senkrechten Linien, eventuell in unterschiedlicher Farbe, verbinden.
Die sollen dann aber hinter den Paragraphen für die Threadüberschriften entlanglaufen, wo sie welche schneiden.

Wie würdet Ihr das machen?
Die Einrückung ist natürlich parametrisierbar.
Die Lienen müssten dann ebenfalls mitwandern können.
Kann man da Hintergrund und Vordergrund ausreichend gut Harmonisieren?

CSS ist noch nicht so wieklich mein Ding...

Vielleicht habt Ihr ja auch bessere Vorschläge für das Design dieser Leitlinien.

Harzliche Grüße vom Berg
http://bergpost.annerschbarrich.de

Tom

[MudGuard]

Hi,

http://selfhtml.bitworks.de/forum/get_thread_titles.php
ist ein Entwurf für eine Forumsansicht, natürlich grob abgeguckt vom Self-Forum :-)

Ich würde das mit verschachtelten Listen machen.
Und den ul in den ul dann eine linke border verpassen und die Einrückung über den linken margin der li regeln.

cu,
Andreas

[Tom]

Hello,

http://selfhtml.bitworks.de/forum/get_thread_titles.php

ist ein Entwurf für eine Forumsansicht, natürlich grob abgeguckt vom Self-Forum :-)

Ich würde das mit verschachtelten Listen machen.
Und den ul in den ul dann eine linke border verpassen und die Einrückung über den linken margin der li regeln.

Da sehe ich schwarz. Das erhöht den Aufwand für die Ausgabeberechnung um ein Vielfaches oder aber ich habe noch nicht verstanden, wie die verschachtelte Liste aussehen muss.

ol
    li
    li
    ol
      li
   /ol
    li
    ol
      li
      ol
        li
      /ol
   /ol
    li
  /ol

Wäre es so richtig?

Dann habe ich mit Zitronen gehandelt, da die Struktur der Datenpages linearisiert ist. Das würde ein ewiges "merke letzten, vergleiche mit laufendem Datensatz"-Spiel, um die Einrücktiefe wieder auf die Start- ujd End-Tags der Liste abzubilden. Ich hoffe, dass ich das jetzt falsch verstanden habe, und es eine einfachere Lösung gibt.

Wie war das mit dem z-index? kann man sich auf den verlassen bei allen gängigen Browsern? Dann könnte ich als Linie ja vielleicht auch entartete Divs (nur 1px breit) in den Hintergrund manövrieren. Habe ich aber noch nicht versucht. Ich wollte erst Leute fragen, die was davin verstehen ;-)

Harzliche Grüße vom Berg
http://bergpost.annerschbarrich.de

Tom

[basti_p]

Hallo,

die Einrücktiefe bei verschachtelten Listen regelt sich doch von allein.

per css legst Du z.B. fest:

li ul {
margin-left: 20px;
}

alles weitere sollte sich dann ergeben.

Grüße Basti

[Tom]

Hello,

die Einrücktiefe bei verschachtelten Listen regelt sich doch von allein.

per css legst Du z.B. fest:

li ul {
margin-left: 20px;
}

alles weitere sollte sich dann ergeben.

Das Problem ist aber, dass ich die Liste als lineare Auflistung habe. Zu jeder Zeile ist die Ebene bekannt. Es ist programmtechnisch ein ganz schöner Aufwand, das nun wieder in die passende Listenstruktur umzusetzen. Nicht, dass ich mich davor scheue, das zu programmieren. Aber es kostet den Server echt Kraft, das dann für 2000 Datensätze auszumaikäfern. Da steigt die Ausgabezeit von typisch 0,28Sec leicht auf das Doppelte oder mehr an. Auch die Datenmenge für die Übertragung wird ja mehr. Sollte man auch nicht vernachlässigen.

Wenn ich mir nun dieses Forum ansehe, wenn denn mal viel Betrieb ist, dann dauert das auch schon manchmal "eeeewig" :-)
Und hier sind drei leistungsstarke Server am Werkeln, die nicht viel anderes zu tun haben (denke ich jedenfalls).

Listenelemente sind zwar eigentlich richtig, aber ...

Ich werde nochmal drücber schlafen.

Harzliche Grüße vom Berg
http://bergpost.annerschbarrich.de

Tom

[basti_p]

Hallo,

mir ist gerade noch was eingefallen: weise der Seite doch ein Hintergrundbild mit senkrechten Linien in gleichen Abständen zu und passe die Einrückungen Deiner Absätze/Liste diesen Abständen an.

Grüße Basti

[Tom]

Hello,

mir ist gerade noch was eingefallen: weise der Seite doch ein Hintergrundbild mit senkrechten Linien in gleichen Abständen zu und passe die Einrückungen Deiner Absätze/Liste diesen Abständen an.

genau das war die Idee nach dem Studium der Postings.
Nur wie genau bekommt man das hin?

Allerdings ergibt sich die nächste Frage automatisch: wie genau muss es überhaupt sein, um dem Uage Orientierung zu geben? Das ist eine Frage an Praktiker, die schon Erfahrungen mit der Ergonomie haben...

DIE Erfahrung fehlt mir eben.

Harzliche Grüße vom Berg
http://bergpost.annerschbarrich.de

Tom

[basti_p]

Hallo,

das geht so genau, wie Du es brauchst:-)

http://www.pfund.info/projekte/test/

Grüße Basti

[Tom]

Hello,

das geht so genau, wie Du es brauchst:-)

http://www.pfund.info/projekte/test/

Danke, das sieht wirklich sehr passend aus.

Harzliche Grüße vom Berg
http://bergpost.annerschbarrich.de

Tom

[Detlef G.]

Hallo Tom

Und hier sind drei leistungsstarke Server am Werkeln, die nicht viel anderes zu tun haben (denke ich jedenfalls).

Meinst du ernsthaft, dass SELFHTML nur aus diesem Forum besteht?
(Odin, Vili, Ve)

Auf Wiederlesen
Detlef

[Christian Seiler]

Hallo Tom,

Wenn ich mir nun dieses Forum ansehe, wenn denn mal viel Betrieb ist, dann dauert das auch schon manchmal "eeeewig" :-)

Sicher, dass das nicht an Deinem Browser liegt? Mein Browser braucht z.B. ca. 50-100 Mal so lange, die Forumshauptseite zu rendern, als sie am Server erzeugt wird.

Und hier sind drei leistungsstarke Server am Werkeln, die nicht viel anderes zu tun haben (denke ich jedenfalls).

Dazu hat Detlef ja schon was gesagt...

Viele Grüße,
Christian

[Tom]

Hello,

Wenn ich mir nun dieses Forum ansehe, wenn denn mal viel Betrieb ist, dann dauert das auch schon manchmal "eeeewig" :-)

Sicher, dass das nicht an Deinem Browser liegt? Mein Browser braucht z.B. ca. 50-100 Mal so lange, die Forumshauptseite zu rendern, als sie am Server erzeugt wird.

Und hier sind drei leistungsstarke Server am Werkeln, die nicht viel anderes zu tun haben (denke ich jedenfalls).

Dazu hat Detlef ja schon was gesagt...

Sehr gute Anregung!

Für den User zählt schließlich nur das Endergebnis.

Hat also gar keinen Sinn, eine Lösung zu entwickeln, die den Server schont, aber den User trotzdem  100 Mal solange warten lässt, wie notwendig wäre.

Natürlich kann der Client etwas mehr Beitrag leisten, finde ich.

Gibt es denn da überhaupt schon Statistiken über das Lastverhälnis von Server und Client bei den üblichen Web-Technologien und wo man die Grenze ziehen sollte?

Harzliche Grüße vom Berg
http://bergpost.annerschbarrich.de

Tom

[Christian Seiler]

Hallo Tom,

Wenn ich mir nun dieses Forum ansehe, wenn denn mal viel Betrieb ist, dann dauert das auch schon manchmal "eeeewig" :-)

Sicher, dass das nicht an Deinem Browser liegt? Mein Browser braucht z.B. ca. 50-100 Mal so lange, die Forumshauptseite zu rendern, als sie am Server erzeugt wird.
[...]
Hat also gar keinen Sinn, eine Lösung zu entwickeln, die den Server schont, aber den User trotzdem  100 Mal solange warten lässt, wie notwendig wäre.

Ich verstehe ehrlich gesagt kein Wort. Ich wollte lediglich sagen, dass das Rendern der schieren Datenmenge der Hauptseite (unkomprimiert etwa 900 KiB als ich das das letzte Mal gemessen hatte) VIEL länger dauert, als das Generieren derselben 900 KiB. Es ist dabei ziemlich egal, was wir am Server anstellen, die Rendering-Zeit können wir schlichtweg nicht wirklich sinnvoll beeinflussen, da können wir auf dem Server machen, was wir wollen.

Viele Grüße,
Christian

[Tom]

Hello,

[...] Ich wollte lediglich sagen, dass das Rendern der schieren Datenmenge der Hauptseite (unkomprimiert etwa 900 KiB als ich das das letzte Mal gemessen hatte) VIEL länger dauert, als das Generieren derselben 900 KiB. Es ist dabei ziemlich egal, was wir am Server anstellen, die Rendering-Zeit können wir schlichtweg nicht wirklich sinnvoll beeinflussen, da können wir auf dem Server machen, was wir wollen.

Ja, danke.
Der Hinweis war ja auch wichtig.

Ich meinte damit u.a., dass es auch keinen Sinn hat, sich schöne Dinge auf dem Server auszudenken, wenn sie dann beim Client ewig dauern, bis sie angezeigt werden.
Darum suche ich eben die _einfachste_ Lösung für den Zweck.

Nicht ganz Minimalismus, aber fast eben ;-)

Harzliche Grüße vom Berg
http://bergpost.annerschbarrich.de

Tom

[MudGuard]

Hi,

Dann habe ich mit Zitronen gehandelt, da die Struktur der Datenpages linearisiert ist.

Und dieser Bug läßt sich nicht fixen?

cu,
Andreas

[Tom]

Hello,

Dann habe ich mit Zitronen gehandelt, da die Struktur der Datenpages linearisiert ist.

Und dieser Bug läßt sich nicht fixen?

Das ist kein Bug, sondern ein Feature :-)

Rekursion und Nested Sets sind dadurch nicht notwendig

Aber die Lösung von basti_p passt fast optimal dazu.
https://forum.selfhtml.org/?t=160716&m=1045806
http://www.pfund.info/projekte/test/

Ich muss nur den Margin zwischen den ELementen durch Border mit anderer Farbe erstezen, dass der Hintergrund nicht durchschimmert in den Zeilenlücken.

Und die background-Grafik muss ich natüelich passend bauen...

Harzliche Grüße vom Berg
http://bergpost.annerschbarrich.de

Tom

[Susanne07]

Hsllo Tom

Ich möchte dort nun die Einrückungen mit hauchdünnen senkrechten Linien, eventuell in unterschiedlicher Farbe, verbinden.
Die sollen dann aber hinter den Paragraphen für die Threadüberschriften entlanglaufen, wo sie welche schneiden.

schau mal bei Andreas Kalt nach:
http://www.thestyleworks.de/tut-art/css-sitemap.shtml

Gruß, Susanne

[Tom]

Hello Susanne,

Ich möchte dort nun die Einrückungen mit hauchdünnen senkrechten Linien, eventuell in unterschiedlicher Farbe, verbinden.
Die sollen dann aber hinter den Paragraphen für die Threadüberschriften entlanglaufen, wo sie welche schneiden.

schau mal bei Andreas Kalt nach:
http://www.thestyleworks.de/tut-art/css-sitemap.shtml

Danke für den Link.
Das Beipiel 8 gefällt mir gut.
Aber es ist eben doch sehr aufwändig zu generieren.

Harzliche Grüße vom Berg
http://bergpost.annerschbarrich.de

Tom

[Harlequin]

Yerf!

ist ein Entwurf für eine Forumsansicht, natürlich grob abgeguckt vom Self-Forum :-)

Ich möchte dort nun die Einrückungen mit hauchdünnen senkrechten Linien, eventuell in unterschiedlicher Farbe, verbinden.

Evtl. ist ja dieser Thread für dich interessant: Gitternetzlinien zwischen postings

Gruß,

Harlequin

[Tom]

Hello,

Evtl. ist ja dieser Thread für dich interessant: Gitternetzlinien zwischen postings

Jau, das könnte klappen. Zumindest so ähnlich.
Backgground-Image mit einem repeat.
Kann man bei repeat eigentlich angeben, wie oft?
Hab ich glatt vergessen. Muss ich mal schaun...
Sonst könnte man ja auch "Milimeterpapier" hinterlegen, so wie ich das mal in
http://www.walkenrieder-bedachung.de gamacht habe.

Ist leider nir fertig geworden, weil die Agentur damals dicht gemacht hat, für die ich das angefangen hatte. Bitte nicht meckern, Künstler bin ich nicht und ob es valide war, weiß ich auch nicht mehr.

Harzliche Grüße vom Berg
http://bergpost.annerschbarrich.de

Tom