Aufzählungszeichen linksbündig

Hallo,

1: Das hier lesen (falls noch nicht bekannt): https://docs.zeta-producer.com/eigenes-css-einfuegen.html

2: Dann wie dort beschrieben in das CSS gehen und folgenden Code (ohne Zeilennummern) einfügen:

<style>
ul { margin-left: 0.6em; padding-left: 0.6em;}
</style>

3: Mit OK das Fenster CSS verlassen

4: Mit "F6" die Änderung auf das Layout übernehmen lassen.

5: Danach dann noch ggf. Website erstellen und veröffentlichen lassen (am besten jeweils komplett).

Du könntest folgendes probieren.

<style>
.aufz ul {
margin-left: 0.6em; 
padding-left: 0.6em;
}
</style>

Anschließend gibst du dem Artikel mit der Aufzählung die CSS-Klasse: aufz

Hallo Guido,

einfach beide Codes in das CSS einfügen.

Die beißen sich nicht

Zum Beispiel dann so:

<style>
.navbar .nav > li > a {
    padding: 10px 15px 0px 0px;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    -moz-box-shadow: none;
    box-shadow: none;
}
@media (max-width: 980px) {
.navbar .nav > li > a {
    padding: 10px 15px 0px;
}
</style>

<style>
ul { margin-left: 0.6em; padding-left: 0.6em;}
</style>

Oder verstehe ich da gerade was falsch?

Bitte mal die Adresse zu der Seite posten, so das man sich das ansehen kann.

• Artikel öffnen
• Unten links auf das "Mischpult"
• Anschließend unten rechts auf "Mehr"
• Im sich öffnenden Fenster trägst du unter "CSS-Klasse:" die Klasse aufz ein.

Ok, jetzt kann ich es auch sehen.

Vermutlich beißen sich (in dem Fall) doch die Angaben für ul und li im "Haupt-CSS".

Hast du denn schon die Idee vom Mario versucht?

Wenn es damit geht, dann mach es so (dann halt in jedem Artikel) die CSS-Klasse zuweisen.

Wenn nicht, dann gib nochmal bescheid, und dann kann man sich das nochmals ansehen.

Zitat von ITS

Habt Ihr evtl. auch einen Tip, wie ich das quadratische Aufzählungszeichen in einen quadratischen "Doppelpunkt" in pink verwandeln kann ?

Schau mal hier: Aufzählungszeichen

Dort ist ein Weg dazu beschrieben.

P.S: Ich bezweifle aber, das dies gut aussehen wird.

Also ich würde es lassen.

Hallo,

folgender code ist mit der ersten Version von Jochen identisch, nur dass er eine Ausnahme enthält um nicht das Hauptmenü zu beeinflussen. Wenn das nicht hilft, lassen Sie das Listenformat doch wie es ist. Der zusätzliche Einzug kann nämlich in nummerierten Listen sehr sinnvoll sein, wenn man große liste mit entsprechenden 2-3stelligen Nummerierungen hat…

<style>
ul:not(.nav) { margin-left: 0.6em; padding-left: 0.6em;}
</style>