Ankündigung

Einklappen
Keine Ankündigung bisher.

HTML/CSS: ul-Auflistung mit bestimmtem CSS-Style?

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • HTML/CSS: ul-Auflistung mit bestimmtem CSS-Style?

    Hallo allerseits!

    Könnte mir bitte jemand helfen, wie ich mit style="..." eine ul-Auflistung, so hinbekomme, dass die Auflistungspunkte mit dem Häkchen-Symbol
    HTML-Code:
    ersetzt werden?

    HTML-Code:
    <ul style="...">
    <li> ...</li>
    <li> ...</li>
    </ul>

  • #2
    list-style-image ist dein Freund.
    Gruß, »codefreak«
    Du warst Mitarbeiter, Patient o.ä. im ehem. Anna-Hospital in Schwerin? Dann beteilige dich bitte am Aufbau der Seite des ehem. Anna-Hospitals! - Vielen Dank!

    Kommentar


    • #3
      Hallo

      Du kannst auch Unicode-Zeichen verwenden, dann ist die Grafik überflüssig. Die Zeichen kannst du direkt in deinen Editor kopieren. Nicht irritieren lassen wenn einige im Editor zum Beispiel als Fragezeichen angezeigt werden.

      https://www.key-shortcut.com/zeichen...ode-tabelle-2/

      Der Haken befindet sich etwas weiter unten bei Dingbats.

      Die Originalzeichen müssen ausgeblendet werden. Als Abstand zum Inhalt können Leerzeichen verwendet werden. Die Sonderzeichen können wie Buchstaben formatiert werden (Farbe, Größe, ...) Das sieht dann zum Beispiel so aus:

      Code:
      ul li {
         list-style-type: none;
      }
      ul li::before {
         content: "✓  ";
         color: red;
      }
      Gruss

      MrMurphy
      Zuletzt geändert von MrMurphy; 28.02.2019, 19:19.

      Kommentar

      homepage-forum.de - Hilfe für Webmaster! Statistiken

      Einklappen

      Themen: 56.459   Beiträge: 428.482   Mitglieder: 27.877   Aktive Mitglieder: 60
      Willkommen an unser neuestes Mitglied, jorna2a.

      Online-Benutzer

      Einklappen

      639 Benutzer sind jetzt online. Registrierte Benutzer: 2, Gäste: 637.

      Mit 2.057 Benutzern waren am 14.07.2019 um 11:45 die meisten Benutzer gleichzeitig online.

      Die neuesten Themen

      Einklappen

      SimpleSite

      Die neuesten Beiträge

      Einklappen

      Lädt...
      X