[an error occurred while processing this directive]

Programme von Machern für Macher

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

Hier klicken und mehr erfahren

Finden Sie harmonische Farben

Mit MyColor Studio, dem professionellen Farbmanagement für Ihre Webseite

Hier klicken und mehr erfahren

[an error occurred while processing this directive]

(Stand: 19.04.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: 19.04.2024
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt