[an error occurred while processing this directive]

Ganz schön bunt

Laden Sie jetzt stimmige Farbwelten für Ihre Webseiten herunter - kostenlos

Hier klicken und mehr erfahren

Programme von Machern für Macher

Die Grammiweb-Produktreihe hält viele praktische Tools für Webdesigner bereit

Hier klicken und mehr erfahren

[an error occurred while processing this directive]

(Stand: 23.12.24, Adresse: http://www.grammiweb.de/html/html091.shtml)

 

Farbige Bullets

Aufzählungen und Listen sehen meist wenig ansprechend aus: Einrückungen und gleichfarbige Aufzählungszeichen bremsen die Kreativität und lassen nicht unbedingt zu gestalterischen Höhepunkten auffahren.

Ein Beispiel

  • Punkt 1
  • Punkt 2
  • Punkt 3

HTML bietet aber an, ASCII-Werte zu verwenden und die damit verbundenen Zeichen darzustellen. Dazu gehört glücklicherweise auch das Bullet(•), welches durch • maskiert wird und als Zeichen angesprochen werden kann.

Dadurch ist es natürlich auch ohne weitere Probleme möglich, diesem Zeichen die gewünschten Attribute zu geben:

Punkt 1
Punkt 2
Punkt 3

Der Quellcode:

Zunächst die herkömmliche Variante:

<p><font color="#0F5904">&#149;</font> Thema</p>

Natürlich funktioniert's auch mit CSS:

<html><head>
<style type="text/css">
<!--
.rot { color: red }
-->
</style>
</head><body>
<p><span class="rot">&#149;</span> Thema</p>
</body></html>


Zurück zum Inhaltsverzeichnis

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

© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 23.12.2024
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt