marctrix: List-Style-Type

Beitrag lesen

Hej TS,

Danke. Aber das lasse ich lieber. Dann werde ich lieber ein Image vorlegen. Aber da das Ganze die Güte des Inhaltes der ca. 180 Seiten, die ich heute noch aus dem Draft-Mode in gültiges (passives) HTML überführen muss nicht steigert, schiebe ich es jetzt vor mir her für die Umsetzung mit einer aktiven Lösung (CMS, Datenbank-Backend).

Mach doch einfach so was für Deine private Checkliste:

ul {
  list-style: none;
}
li::before {
  content: '';
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background: rgba(0, 0, 0, .25);
  position: relative;
  left: -1.5em;
  top: 0;
}

Nicht ausprobiert, einfach so runtergeschrieben. Wenn es nicht klappt, bitte noch mal melden.

Entfernt die vorhandenen Aufzählungszeichen und setzt statt dessen ein grau hinterlegtes Pseudoelement vor die Listeneinträge.

Kann man mit text-indent usw sicher noch aufhübschen, aber dann muss man das wirklich ausprobieren. So blind positionieren ist nichts für mich.

Marc