 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">•</font>
b) inline Formatierung CSS:
<span style="color:#2C6ED5;font-size:20px;">•</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">•</span>
| 
HOME
ZURÜCK