Liste (unsortiert oder nummeriert) wird nicht als Liste im Frontend angezeigt

[ryul]

Hallo,

ich habe das Problem, dass Listen in Contao in egal welchem Modul (Artikel, Nachrichten) nicht als Liste im Frontend angezeigt.
Der TinyMCE Editor stellt diese richtig dar, aber im Frontend wird es wie normaler Text angezeigt.
Wenn ich das Element untersuche (z.B. Chrome) wird aber korrekt <ul> und <li> angezeigt.
Eingesetzt wird Contao 3.4.0.

Woran kann das liegen (habe Chrome, FF, IE getestet, überall dasselbe)?

contao liste 1.JPG

contao liste 2.JPG

[tab]

Da wird wohl in irgendeiner CSS-Datei, die NICHT auf den TinyMCE angewendet wird, der "list-style-type" überschrieben. Sollte sich doch leicht finden lassen, wenn du eh schon bei "Element untersuchen" bist.

[derRenner]

Hallo,

gib deiner <ul> mal ein (zB) margin-left:20px dann wirst du sehen, dass die List-Punkte da sind ;-)

[hofff]

Hallo,

die Styles im Tiny sind unabhängig von den Styles im Frontend. So wie es aussieht, werden die Listenelemente im Frontend durch ein reset.css o.ä. zurückgesetzt und dann nicht wieder gestylt.

fg
nicky


Gesendet von iPad mit Tapatalk

[derRenner]

nicky, ich arbeite immer ohne den CSS-Reset, also immer Haken nur beim Layout-Builder und Responsive Layout.
Das beschriebene Problem habe ich in meinen Projekten ebenfalls - verschiebe ich aber den linken Rand mit einem margin nach rechts (wie oben beschrieben), erscheinen die Listpunkte wieder. Erst jetzt style ich diese mit list-style-type.
Ob das nun "Standard" ist oder nicht, korrekt ist oder nicht - mit dem margin kann man dagegen steuern

[tab]

nicky, ich arbeite immer ohne den CSS-Reset, also immer Haken nur beim Layout-Builder und Responsive Layout.

Dann wirst du wahrscheinlich die wichtigsten Styles durch ein anderes Stylesheet "normalisieren". Ansonsten ist das ja eine Fummelei, die Seite in allen Browsern zumindest sehr ähnlich aussehen zu lassen. Ich habe da meistens eine margin-left von 1.5 bis 2 em für die Listenelemente (li) drinstehen.

Die Ursache für die fehlenden Punkte kann hier durchaus die fehlende margin sein, halte ich sogar für wahrscheinlich. Aber prinzipiell kann man auch leider nicht davon ausgehen, dass im Tiny alles gleich aussieht wie nachher im Frontend. Wie auch immer, man kann es ja in den Entwicklertools der Browser sehr einfach rausfinden, was die Ursache ist.

[ryul]

Da wird wohl in irgendeiner CSS-Datei, die NICHT auf den TinyMCE angewendet wird, der "list-style-type" überschrieben. Sollte sich doch leicht finden lassen, wenn du eh schon bei "Element untersuchen" bist.

Genauso war es auch und zwar nutze ich das Modul changelanguage.
Dafür habe ich 2 kleine Sprachflaggen im Frontend platziert, allerdings wurden davor Listensymbole angezeigt, was ich nicht wollte.
Also habe ich für diese CSS den "list-style-type" auf deaktivieren gesetzt.
Das betraf jetzt aber alle "<ul>" Typen.
Ich habe die Formatierung präzisiert und jetzt werden die Listensymbole korrekt angezeigt und bei den Sprachflaggen ausgeblendet.

Danke!