Willkommen in der Webstatt Zum Webstatt Blog und Stories
fish fish am 30.01.07 18:25

hi. ich möchte auf meiner seite list-style-type: decimal-leading-zero; benutzen. wie kann ich den abstand zum text, die farbe der nummer und die schriftart festlegen?
atm sieht es noch ein bischen blöde aus. http://fish.bierquartier.de/index_2 (unten)

netcup.de Warum gibt es hier Werbung?
der_nic der_nic am 30.01.07 20:37

der Abstand zum Text ist padding(-left) die Farbe ist color und die Schriftart ist font-familiy...
bsp:
ul#meineliste {
padding-left:10px;
color:#3300ff;
etc.
}

fish fish am 30.01.07 21:03

hmm ich will den abstand aber verringern.. also der abstand von margin: 0 ist mir noch viel zu groß...

Franky Franky am 30.01.07 21:05

der abstand ist net nur in ul sondern auch in li drin (jeweils margin & padding)

der_nic der_nic am 30.01.07 21:05

padding!!
ein <ul>/<ol> hat einen Standarwert für padding. Den musst du verkleinern/auf 0 stellen.

fish fish am 30.01.07 21:12

ul#beliebteste_themen {
padding: 0;
border: 2px red solid;
font: 11px verdana, helvetica, sans-serif;
color: #999999;
margin: 0 0 0 30px;
}

div#quicklinks ul#neue_themen li,
div#quicklinks ul#beliebteste_themen li {
list-style-type: decimal-leading-zero;
float: left;
margin: 0;
padding: 0;
}

der_nic der_nic am 30.01.07 21:15

mach mal die li's auf display:block und setz halt noch einen kleinen padding rein

fish fish am 30.01.07 21:26

ul#beliebteste_themen {
padding: 0 0 0 12px;
border: 2px red solid;
font: 11px verdana, helvetica, sans-serif;
color: #999999;
margin: 0 0 0 30px;
}

div#quicklinks ul#neue_themen li,
div#quicklinks ul#beliebteste_themen li {
list-style-type: decimal-leading-zero;
float: left;
margin: 0;
padding: 0 0 0 12px;
display: block;
}

der_nic der_nic am 30.01.07 21:28

ok wenn du display:block machst gehen die zahlen davor weg... also das wieder raus und einfach mal padding rein...

fish fish am 30.01.07 21:32

ul#beliebteste_themen {
padding: 0 0 0 2px;
border: 2px red solid;
font: 11px verdana, helvetica, sans-serif;
color: #999999;
margin: 0 0 0 30px;
}

div#quicklinks ul#neue_themen li,
div#quicklinks ul#beliebteste_themen li {
list-style-type: decimal-leading-zero;
float: left;
margin: 0;
padding: 0 0 0 2px;
}

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt