73%
22%
19%
11%
6%
Mittwoch, 1. Dezember 2004, 22:07
Aufzählungszeichen formatieren?
Hallo!
Ich habe einen Code, der folgendermaßen lautet:
Jetzt möchte ich aber gerne den Abstand zwischen dem linkem Rand und dem Aufzähöungszeichen+Text verkleinern, da ich in meinem Kalender Platzprobleme habe.
Ist das möglich?
Ich habe einen Code, der folgendermaßen lautet:
|
Quellcode |
1 2 3 4 |
<ul> <il>Text 1</il> <il>Text 1</il> </ul> |
Jetzt möchte ich aber gerne den Abstand zwischen dem linkem Rand und dem Aufzähöungszeichen+Text verkleinern, da ich in meinem Kalender Platzprobleme habe.
Ist das möglich?
... oder müssens listenpunkte sein? 
Donnerstag, 2. Dezember 2004, 11:16
|
|
Quellcode |
1 2 3 4 |
ul li {
margin-left:0px;
padding-left:0px;
}
|
das sollte dir helfen.
Über mich: www.heinervdm.de
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.
Sonntag, 5. Dezember 2004, 19:31
Zitat
Original von heinervdm
Quellcode
ul li { margin-left:0px; padding-left:0px; }
das sollte dir helfen.
zusätzlich zum Abstand zw. Aufzählungszeichen und List-Text, kannst du auch noch den Abstand zw. Browserfensterrand und Aufzählungszeichen beeinflussen.
Dafür gibst du die Eigenschaften, die heinervdm schon genannt hat einfach dem ul-Element.
Wenn du jedem Selektor noch eine border gibst, kannst du genau sehen, welche Auswirkung es hat, wenn du eines der margins oder paddings veränderst.
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<style type="text/css">
body {
margin:0px;
padding:0px; ... }
ul {
margin-left:0px;
padding-left:0px;
border:2px solid blue; }
li {
margin-left:0px;
padding-left:0px;
border:1px solid red; }
</style>
<body>
<ul>
<li>Startseite
<li>Shop
<li>Impressum
</ul>
|
Grüße
gaby
Edit:
Wenn du die Selektoren für 'ul' und 'li' identisch formatiert hast, kannst du auch in Kurzform schreiben:
|
|
Quellcode |
1 2 3 4 |
ul, li {
margin-left:0px;
padding-left:0px;
}
|
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »gaby*« (5. Dezember 2004, 19:36)