Vertikale Trennlinie einfügen – geht das?

SigmarH

Hallo an die ZP-Profis,

ich bin mit ZP immer noch in der Test-/Probier-Phase und wollte links bzw. rechts eines Artikels über das "Trennlinie-Widget" eine vertikale Trennlinie einfügen. Unabhängig davon, ob ich das "Trennlinie-Widget" links, rechts, oberhalb oder unterhalb eines Artikels einfüge, es wird immer eine horizontale Trennlinie eingefügt. Ist das so gewollt?
Das "Space-Widget" funktioniert jedoch abhängig davon, ob es links/rechts oder oben/unten von einem Artikel eingefügt wird. So hatte ich dies auch von dem "Trennlinie-Widget" erwartet.

Beste Grüße
Sigmar

ThM

Moin,

das ZP intere Widget "Trennlinie" bietet nur die Möglichkeit des Setzens einer horizontalen Trennlinie. Eine vertikale Trennlinie kann damit nicht gestaltet werden.
Mit etwas zusätzlichem CSS (border-left oder border-right) sollte aber auch das möglich sein. Ist mal wieder ne Idee für eine Widget ....

SigmarH

Hallo Thomas,

vielen Dank für die schnelle Rückmeldung. Mit CSS habe ich keinerlei Erfahrungen und kann damit leider nichts anfangen.
Aber ich werde evtl. bei den ZP-Verantwortlichen mal die Erstellung eines entsprechenden neuen Widgets anregen.

Nochmals besten Dank und einen schönen restlichen Feiertag
Sigmar

ThM

Hallo Sigmar,

wo genau möchtest Du denn die vertikale Trennlinie einfügen?
Zwischen Content und Newsbereich ?

Vieleicht postest Du mal einen kleinen Screenshot und markierst den Bereich wo die Linie hinkommen soll.

PS: Und welches Layout Du verwendest wäre auch sehr hilfreich...

SigmarH

Hallo Thomas,

nachfolgend ein Screenshot-Ausschnitt der betroffenen Seite.

[Blockierte Grafik: http://www.sigmar-hientzsch.de/vertikale_trennlinie.jpg]

Die Linien habe ich "grün" eingetragen. Optimal wäre es natürlich, wenn über eine entsprechende Option auch die Länge der Linie nach oben/unten verändert werden könnte, damit die horizontalen Abstände der einzelnen Artikel überbrückt werden können und die Linie dadurch nicht unterbrochen ist. Aber das ist vermutlich zuviel des Guten.

Bei diesem Projekt verwende ich das Layout Technical Responsive.

Beste Grüße
Sigmar

ThM

Hallo Sigmar,

um das Thema nun noch mal abschließend aufzugreifen. Ein technisch hochwertige Lösung habe ich leider nicht gefunden.
Behelfsmäßig - aber auch wirklich nur dazu gedacht, falls unbedingt notwendig - könntest Du folgendes machen.

Trage in einem Quelltext-Widget folgendes ein:

HTML

<hr style="height:300px;width:1px;border-width:0;color:gray;background-color:gray">

Ist praktisch die Abwandlung einer Horizontalen Linie. Diese Line wird auf 1px in der Breite gesetzt und 300px in der Höhe, erzeugt somit eine vertikale Linie. Den Höhenwert kannst Du anpassen, Farbwerte auch, wobei in meinen Tests sie nicht immer im ZP Bearbeitungsmodus angezeigt worden ist.

Probier es einfach mal.
Viel Erfolg

PS: Was in Sachen vertikaler Linie in der Desktopansicht sicherlich noch akzeptabel aussieht, mag in einer mobilen Ansicht schon nicht mehr ganz so schick sein.

SigmarH

Hallo Thomas,

vielen herzlichen Dank für Deine Bemühungen. Ich habe Deinen Quellcode ausprobiert; grundsätzlich funktioniert dieses Quelltext-Widget einwandfrei. Aber aufgrund der verschiedenen Artikel-Abstände zueinander bin ich, wenn ich ganz ehrlich sein soll, doch mit dem Ergebnis nicht zufrieden. Vielleicht habe ich ja hierbei auch abwegige Vorstellungen.

Meine Idee habe ich nachfolgend mal kurz skizziert:

[Blockierte Grafik: http://www.shientzsch.de/bilder/muster.jpg]

Aber da müsste ich selber erst noch einmal rumprobieren, wie es für mich wirklich am vernünftigsten aussieht. Darüber lässt sich dann sowieso streiten und an die mobile Ansicht habe ich dabei überhaupt nicht gedacht.

Eines muss ich noch loswerden: Das Forum ist SPITZE!

Nochmals vielen, vielen Dank und beste Grüße
Sigmar

Vertikale Trennlinie einfügen – geht das?

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?