- Malwarebytes Anleitung (21x gelesen)
- Irfanview auf deutsch (20x gelesen)
- Irfanview: Tipps & Tricks! (20x gelesen)
- Google Sky: Browser-Blick ins All (5x gelesen)
- Spam: Bedrohung der deutschen Unternehmen gestiegen (5x gelesen)
|
|
|||||||
|
UL und LI: HTML-Liste linksbündig ohne einrücken
Nur noch bis morgen: Mit Amazon Pay zahlen und 5 EUR Amazon Gutschein sichern!
Normalerweise zeigen die Browser die <ul> Listen mit einer Einrückung an: die einzelnen Listenpunkt <li> sind mit kleinem Abstand nach links eingerückt. Für Listen-Aufzählungen ist das zwar praktisch, kann aber stören, wenn man das Layout der Seite etwas genauer planen muss. Hier hilft unser Tipp: Damit kann man den Abstand entweder so einstellen, wie er sein soll – oder aber die Einrückung ganz weglassen, damit die einzelnen LI Elemente linksbündig angezeigt werden.
UL linksbündig: So bleibt die Liste links!Damit die Listen-Punkte linksbündig angezeigt werden, muss man im UL Element den Abstand einstellen und per CSS soohl die Werte für Margin und Padding auf “0” setzen. Möchte man den Abstand der Listenpunkte selbst einstellen, kann man hier selber einen Wert vorgeben, den die Browser dann einstellen: So kann man angeben, wie weit die einzelnen Listen-Elemente nach rechts eingerückt angezeit werden. Der Code für das Einrücken ist ganz einfach: In das UL Element werden die padding und margin Abstände direkt geschrieben – oder per CSS-Klasse: <ul style="margin:0;padding:0;"> <li>Punkt 1</li> <li>Punkt 2</li> </ul> oder: <style type="text/css"> .liste { margin:0; padding:0; } </style> <ul class="liste"> <li>Punkt 1</li> <li>Punkt 2</li> </ul> Mit dem linksbündig setzen der Liste rutscht dann aber, wenn man margin und padding auf “0” setzt, auch der Listenpunkt zu Beginn eines jeden LI Elements nach links aus dem eigentlichen Textbereich heraus. Hier hilft es dann, den Listenpunkt mit “list-style:none” im UL Tag zu deaktivieren.
Der Quellcode dazu: <ul style="margin:0;padding:0;list-style:none;"> <li>Punkt 1</li> <li>Punkt 2</li> </ul>
Fragen zu diesem Tipp? In unserem Webmaster-Forum helfen wir weiter!
|
Mehr Tipps zu UL und LI: HTML-Liste linksbündig ohne einrückeniPhone in Frankreich für nur 749,- EUR ohne Vertrag Wie auch zur Zeit die Telekom in Deutschland muss Orange, exklusiver Verkaufspartner des Apple ... iPod im Wohnzimmer mit und ohne Apple Nicht nur Apple selbst bietet Besitzern eines iPods die Möglichkeit, das Gerät mit Hilfe eine...
Ähnliche Fragen:
Tipps-Rubriken
© Computerhilfen.de (37962x gelesen) UL und LI: HTML-Liste linksbündig ohne einrücken |
|