 Image als Aufzählungszeichen (HTML)
Diese Technik kommt nur dann zum Einsatz, wenn einheitliche grafische Symbole für eine Aufzählung oder Liste nicht erwünscht sind. Mit dieser HTML-Lösung können sie für jeden Listenpunkt ein unterschiedliches Symbol anzeigen.
Aufzählungszeichen mit HTML
Für gleiche Grafiken innerhalb einer Aufzählung bietet sich
eine Lösung mit CSS an! Querverweis siehe unten.
Ein Image kann einen auffälligen Marker setzen. Neben einem Text(absatz) eingefügt, wahlweise mit oder ohne Rand, erfüllt es durchaus seinen Zweck.
Eine HTML-Lösung ist nur für unterschiedliche Aufzählungsgrafiken sinvoll!
 wichtiger Text steht hier
 wichtiger Text steht hier
 wichtiger Text steht hier
 wichtiger Text steht hier
transparentes Image
Ein transparentes Image mit Rand als flexible Lösung für farbige Hintergründe
Ich zeige eine Lösung die ein transparentes Image verwendet, nur sichtbar durch ein Attribut für den Rand, dessen Wert nicht "0" ist. Anwendungsbereich: Dort wo ein allzu auffälliges Image ist nicht erwünscht ist oder bei einem Designwechsel (andere Hintergrundfarbe) ein farbiges Image wieder ausgetauscht werden müsste.
Ein transparentes Pixel als Marker.
Ein transparentes Pixel als Marker.
Ein transparentes Pixel als Marker.
Verfahren mit align="left"
Fügen Sie das Image vor dem Text ein, setzen das Alignment auf links (align="left") und bestimmen den horizontalen Abstand (hspace) nach ihren Wünschen. Den Rand könnten sie auf "0" oder einen anderen wert setzen.
<img hspace="10" align="left" src="../images/transpixel.gif"
width="3" height="3" border="2" alt="">
wichtiger Text steht hier
<br><br>
Resultat:
wichtiger Text steht hier - transparentes Pixel 4x4, Border auf 2.
vertikaler Balken / vertikale Linie (HTML-Lösung)
Image in einer Tabellenzelle als vertikaler Marker
| wichtiger Text steht hier
|
| wichtiger Text steht hier
|
| wichtiger Text steht hier
|
| wichtiger Text steht hier
|
|
| wichtiger Text steht hier
|
| wichtiger Text steht hier
|
| wichtiger Text steht hier
|
| wichtiger Text steht hier
|
|
Hier steht der Textblock in einer Tabelle. In der ersten Zelle wurde ein farbiges Image eingetragen.
|
Freilebende Gummibärchen gibt es nicht. Man kauft sie in Packungen an der Kinokasse. Dieser Kauf ist der Beginn einer fast erotischen und sehr ambivalenten Beziehung Gummibärchen-Mensch. Zuerst genießt man. Dieser Genuß umfaßt alle Sinne. Man wühlt in den Gummibärchen, man fühlt sie. Gummibärchen haben eine Konsistenz wie weichgekochter Radiergummi.
|
|
Freilebende Gummibärchen gibt es nicht. Man kauft sie in Packungen an der Kinokasse. Dieser Kauf ist der Beginn einer fast erotischen und sehr ambivalenten Beziehung Gummibärchen-Mensch. Zuerst genießt man. Dieser Genuß umfaßt alle Sinne. Man wühlt in den Gummibärchen, man fühlt sie. Gummibärchen haben eine Konsistenz wie weichgekochter Radiergummi.
|
|
Freilebende Gummibärchen gibt es nicht. Man kauft sie in Packungen an der Kinokasse. Dieser Kauf ist der Beginn einer fast erotischen und sehr ambivalenten Beziehung Gummibärchen-Mensch. Zuerst genießt man. Dieser Genuß umfaßt alle Sinne. Man wühlt in den Gummibärchen, man fühlt sie. Gummibärchen haben eine Konsistenz wie weichgekochter Radiergummi.
|
|
Freilebende Gummibärchen gibt es nicht. Man kauft sie in Packungen an der Kinokasse. Dieser Kauf ist der Beginn einer fast erotischen und sehr ambivalenten Beziehung Gummibärchen-Mensch. Zuerst genießt man. Dieser Genuß umfaßt alle Sinne. Man wühlt in den Gummibärchen, man fühlt sie. Gummibärchen haben eine Konsistenz wie weichgekochter Radiergummi.
|
 Grafiken / Aufzählungszeichen vor Listelementen mit CSS
farbige Bullets / Aufzählungszeichen mittels Sonderzeichen
Einrückung mit HTML und mit CSS
|
WWW.WEB-TOOLBOX.NET
ZURÜCK