Bullets
    


HOME

ZURÜCK SITEMAP  

 Blickfang

Grafische Elemente als 'Haltepunkte' fürs Auge sind nicht wirklich einzig zur Auflockerung von Seiten gedacht. Überschriften und wichtige Abschnitte können so gekennzeichnet werden. Nicht jeder ist ein Pixelzauberer. Ganz ohne Grafiken können sie das durch die Verwendung von Sonderzeichen umsetzen.

 Grafiken / Aufzählungszeichen vor Listelementen mit CSS
 Grafiken / Aufzählungszeichen vor Listelementen mit HTML
 Einrückung mit HTML und mit CSS



   Bullets durch HTML-Sonderzeichen

Farbige Bullets lassen sich z.B. durch das Sonderzeichen (•) darstellen.



Übrigens 'wachsen' diese Pseudo-Grafiken bei einer Schriftgrößenänderung durch den Seitenbesucher mit, wenn sie bei der Größenformatierung keine fixen Größenangaben wie Punkt oder Pixel nutzen.


•


Bullets
mit •
flexibel
anpassungsfähig


° Bullets
° mit °
° flexibel
° anpassungsfähig



Der Code für das Bullet: •
Der Code für den Bindestrich: –
Der Code für den langen Bindestrich: —
Der Code für das offene Bullet: ° °


 Größe einstellen / Formatieren

a) mit Font-Size:
<font color="#009933" size="4">&#149;</font>


b) inline Formatierung CSS:
<span style="color:#2C6ED5;font-size:20px;">&#149;</span>


c) CSS-Formatierung durch eigene Klasse

im HEAD:
<style type="text/css">
<!--
.big {
 font-family: arial,helvetica;
 font-size: 20pt;
 font-weight: bold;
}
-->
</style>
Im BODY:
<span class="big">&#149;</span>







NACH OBEN