startseitekatalogpraxiswerkzeugeressourcenmagazingrammiweb

(Stand: 27.07.24, Adresse: http://www.grammiweb.de/html/html096.shtml)

 

Listen ohne <li> erstellen

Um Listen zu erstellen bringt HTML das <li>-Element mit, welches einen neuen Listenpunkt darstellt.

Leider zeigt sich dessen Anwendung und vor allem Formatierung in der Praxis nicht als unbedingt pflegeleicht. Einrückungen, CSS-Definitionen, unterbrochene Layouts, ... - je nach Browser zeigen sich immer wieder neue Probleme.

Dabei bringt HTML eine bequeme, wenn auch nicht vollwertige, Alternative mit: Die &bull;- Maske. Diese maskiert das Sonderzeichen "Bullet" (•) und wird als normales Zeichen gehandhabt.

Die Umsetzung als normales Zeichen birgt dann auch schon das Problem: Es finden keinerlei Einrückungen mehr statt, was den Einsatz nur bei Listenpunkten mit einer Zeile Text empfiehlt. Andererseits kann dieses Zeichen aber auch vollkommen normal formatiert werden, so dass eine eigene Farbgebung für jeden Listenpunkt ebenso kein Problem darstellt wie zum Beispiel Hintergründe oder ähnliches.

Beispiel

• Eintrag 1
• Eintrag 2 (diesmal in Rot)
• Eintrag 3

Der Quellcode:

 
Zurück zum Inhaltsverzeichnis

[an error occurred while processing this directive] [an error occurred while processing this directive]