Aufzählungszeichen

[mhz]

Hallo zusammen,
auf dieser Seite https://kramlade.de/?Lernen/Deutsch/Brief-schreiben habe ich Anführungszeichen mit <ul> .. <li> eingefügt, die dann nicht innerhalb des Textfeldes [also linksbündig] auftauchen, sondern links außerhalb dieses "Grid-"Blockes rechts.
Wo und was muss ich im css des Templates ändern, damit diese Aufzählungszeichen linksbündig zum gesamten Textes auftauchen?
Vielen Dank für eure Ideen und Hilfen.
Ich wünsche euch schon jetzt Schöne Feiertage!
Gruß Michael

[lck]

auf dieser Seite https://kramlade.de/?Lernen/Deutsch/Brief-schreiben habe ich Anführungszeichen mit <ul> .. <li> eingefügt, die dann nicht innerhalb des Textfeldes [also linksbündig] auftauchen, sondern links außerhalb dieses "Grid-"Blockes rechts.

Hm, ist mir unklar was du genau meinst. Kannst du mal ein Beispiel geben, wie das aussehen sollte?
Wenn der Einzug geändert werden soll, geht das mit list-style-position: inside; (ist bei dir momentan "outside").

1. Du könntest die Sätze in einen <q>-Tag setzen (setzt automatisch die Anführungszeichen).

Code: Select all

<q>Ein Brief beginnt oben rechts mit der Ortsangabe und einem Datum.</q>

2. ul list-style ändern, li::marker ändern oder mit li:before/li:after arbeiten.

[mhz]

Danke für die ersten Infos.
Ich habe mich vertippt:

auf dieser Seite https://kramlade.de/?Lernen/Deutsch/Brief-schreiben habe ich Anführungszeichen

Es muss hier statt Anführungszeichen Aufzählungszeichen heißen. Sorry!
Die Bullets der Aufzählungszeichen sollen zur Überschrift und auch zum Text passend linksbündig erscheinen.

1. Wo bzw. wie ändere ich von list-style-position: outside zu list-style-position: inside?

2. Den li::marker habe ich bei der Untersuchung der Seite auch gefunden. Wo bzw. wie ändere ich den?

[lck]

Es muss hier statt Anführungszeichen Aufzählungszeichen heißen. Sorry!
Die Bullets der Aufzählungszeichen sollen zur Überschrift und auch zum Text passend linksbündig erscheinen.

Ja dann, ändere ul zu ol, lösche das style="list-style-type: disc;" und vergib eine Klasse.

Code: Select all

<ol class="ol-mhz">
<li>...</li>
...
</ol>

stylesheet.css einfügen

Code: Select all

ol.ol-mhz {
    padding: 0 0 0 1em;
}

[micha60]

Wenn Du in der stylesheet.css Deines Templates diese Zeile einfügst, dann hat es den gleichen Effekt:

Code: Select all

ul{ margin-left: 1em; }

Hier ist das mit Beispielen beschrieben:
https://cmsimplexh.de/?Seitendesign/Aufzaehlungszeichen