HTML:

Liste Mit Andersfarbigen Oder Größeren Listen-Punkten

Forum Tipps News Frage stellen Home Suchen Windows

• Windows Tipps
• Windows Hilfe-Forum

Hardware

• Hardware Tipps
• Hardware-Forum
• Netzwerk-Forum
• Speedport.ip

Software

• Software Tipps
• Software Hilfe-Forum

Apple

• Apple Tipps
• Apple Hilfe-Forum
Screenshot Mac

Handy & Tablet

• iPhone & iPad Forum
• iPhone und iPad Tipps
• Android Forum
• Android Tipps

• anmelden
• |
• Hilfe
• |
• Frage stellen

• Windows
  • Windows-Forum
  • Windows-Tipps
  • Windows-Downloads
  • Frage stellen
• Hardware
  • Hardware-Forum
  • Netzwerk-Forum
  • Smart-Home Forum
  • Hardware-Tipps
  • Smart-Home Tipps
  • Hardware Frage stellen
  • Netzwerk Frage stellen
• Software
  • Software-Forum
  • Sicherheits-Forum
  • Messenger & Chat Forum
  • Software-Tipps
  • Word-Tipps
  • Excel-Tipps
  • Software Frage stellen
  • Sicherheits Frage stellen
• Handy / Tablet
  • iPhone / iPad Forum
  • iPhone / iPad Tipps
  • Android-Forum
  • Android-Tipps
  • Windows Phone Forum
  • Andere Handy & Telefone
  • Frage stellen
• Apple
  • Apple Mac Forum
  • Apple Tipps
  • Foto-Tipps
  • Apple-Downloads
  • Frage stellen
• Linux
  • Linux-Forum
  • Linux-Tipps
  • Linux-Downloads
  • Frage stellen
• Spiele
  • Spiele-Forum
  • Spiele-News
  • Spiele-Tests
  • Frage stellen
• Community
  • Chat
  • OffTopic-Forum
  • Technik-Diskussion
  • Witze Bereich
• mehr
  • Mein Menü
  • Foren-Übersicht
  • Tipps-Übersicht
  • Technik-Lexikon
  • Computerkurs
  • Entwickler
  • Webmaster-Forum
  • Programmieren-Forum
  • Foto/Design-Forum
  • Sonstiges
  • Computerhilfen News
  • Regeln
  • Netiquette
  • Datenschutz
  • Kontakt & Impressum

HTML: <ul> Liste mit andersfarbigen oder größeren Listen-Punkten

1. Computerhilfen
›
2. Info
›
3. Webmaster

HTML: <ul> Liste mit andersfarbigen oder größeren Listen-Punkten (Durchschnitt: 0,00 von 5 bei 0 Stimmen) Loading...

Um die Listen-Punkte oder Bullet-Points einer <ul> Liste einzufärben, muss man auch die Textfarbe der Liste ändern. Möchte man dies nicht, kann man mit CSS eigene, andersfarbige Listen-Punkte definieren: Mit dem Befehl „li::before“ definiert man ein Element, dass vor dem <li> Element angezeigt wird: Dies ist ein Listen-Punkt, dessen Farbe und Größe man per CSS definieren kann.

Damit nicht zwei Bullet-Point Punkte angezeigt werden, muss man die eigentlichen Punkte dann ausblenden: Das geht mit dem Befehl „list-style: none;“ in dem <ul> Element:

<ul style=“list-style: none;“>

Um dann einen eigenen, orangenen Listen-Punkt zu zeigen, hilft dieser Code: Er erzeugt mit „\2022“ ein rundes Element, dessen Farbe, Größe und Position vor dem dem <li> Element. Dies ist der CSS Code, um einen eigene, farbigen Bullet-Point zu erstellen:

<style> #liste li::before { content: „\2022″; color: #ff9c27; font-weight: bold; font-size:38px; display: inline-block; width: 0.5em; margin-left: -0.5em; margin-top: -1em; position:relative; top:9px; left:-3px; } </style>

<ul id=“liste“ style=“list-style: none;“> <li>Punkt 1</li> <li>Punkt 2</li> <li>Punkt 3v/li> </ul>

Und so sieht es aus:

• Punkt 1
• Punkt 2
• Punkt 3

Fragen zu diesem Tipp? In unserem Webmaster-Forum helfen wir weiter! Das könnte Sie auch interessieren:

• HTML: "Trade-Mark" (TM) und "Registered" (R) Zeichen hochstellen
• Zoll in CM umrechnen: Umrechner und Umrechnungs-Tabelle für Zoll + CM!
• Bildschirm-Auflösung im Vergleich: Größe von VGA, XGA, HD-TV, 4K...
• HTML: &lt;ul&gt; Liste mit andersfarbigen oder größeren Listen-Punkten
• XnView Version 1.95
• Chrome Browser und Chromium: Autoplay Videos mit Sound zulassen
• Apple: Cache Speicher im Safari Browser leeren

Ähnliche Fragen:

• Open Office Überschrift 2 Ordnung bugt bei mehr als 10 Punkten

  Hi Ein Freund hat folgendes Problem: Bei seiner Facharbeit benutzt er die Formatvorlagen für ...

• Freie Proxy Server Listen

  Hallo zusammen,Über den Proxy Server würde ich gerne eine Internetverbindung aufbauen, doch leider...

• MediaWiki - Fragen zu Listen Einrückungen und Recent Changes,

  Hallo Ich habe ein paar Fragen zum MediaWiki. Es geht mir vor allem um den Aufbau von Listen m...

• windows media center lädt keine TV-Listen mehr.

  Mit dem windows media center WMC lassen sich keine TV-Listen mehr herunterladen. Nach dem Hinweis au...

• Excel Tabelle (Daten aus einer Tabelle in eine andere Listen)

  Puhhh mal gucken ob ich mein Anliegen gut erklärt bekomme... Ich habe eine Excel-Dokument.In diesem...

• Liste von gehackter Router

  Hallo,ich habe eine "FRITZ!Box Fon WLAN" und wollte Fragen, ob diese schon geh...

• Liste alphabetisch ordnen

  Hallo, ich habe ca. 250 Songtitel.Wie kann ich die alphabetisch ordnen?Danke für Tips....

• Liste für erreichbare internetseiten

  Habe eine liste mit erreichbaren internetseiten bekommen wie kann ich das umgehen ??? Danke im...

» Top Tipps: Diese Tipps sind heute beliebt

• Frageassistent 1 (Seite 2) (32x gelesen)
• pc-einsteigerkurs (13x gelesen)
• datenschutz (9x gelesen)
• windows-beschleunigen (6x gelesen)
• pc-einsteigerkurs-2-3 (5x gelesen)

Passende Wörter im Lexikon: CSSCSS ist die Abkürzung für Cascading Style Sheets, eine Beschreibungssprache im Internets, die für die visuelle Gestaltung von Webseiten verantwortlich ist....

Mehr Tipps zu HTML: <ul> Liste mit andersfar...

• Inhaltslisten für CDs drucken Wer eine bestimmte Datei oder einen bestimmten Song auf einer selbstgebrannten CD sucht, kann schon einmal lange suchen. Um das zu vermeiden und um für...
• Hardware auflisten Wer die gasamte installierte Hardware eines PCs aufgelistet bekommen möchte, ohne erst den Rechner aufzuschrauben, muss unter "Start/Hilfe und Support" auf "Tools zum Anzeigen von...
• Hardware auflisten Wer die gasamte installierte Hardware eines PCs aufgelistet bekommen möchte, ohne erst den Rechner aufzuschrauben, muss unter "Start/Hilfe und Support" auf "Tools zum Anzeigen von...
• Lösung: Das bedeuted der grüne / orange Punkt oben im iPhone Display! Wird oben im iPhone Display ein grüner oder orangener Punkt angezeigt, meldet das iPhone einen Mikrophon- oder Kamera-Zugriff einer App. Seit iOS 14 meldet ein...
• Lösung: Das bedeuted der grüne / orange Punkt oben im iPhone Display! Wird oben im iPhone Display ein grüner oder orangener Punkt angezeigt, meldet das iPhone einen Mikrophon- oder Kamera-Zugriff einer App. Seit iOS 14 meldet ein...
• Webmaster: Element im Druck nicht anzeigen (visibility: hidden) Wer Webseiten ausdrucken möchte, braucht oft nicht alle Elemente. Mit Media-Queries lassen sich verschiedene Layouts und Designs für verschiedene Medien erstellen: Vom Desktop-Bildschirm über das...

© Computerhilfen.de (7.005x gelesen)HTML: <ul> Liste mit andersfarbigen oder größeren Listen-Punkten