Webstatt.org - Community seit 2006 - 2012 (2024?)

decimal-leading-zero

Avatar user-180
30.01.2007 17: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)

may the force be with you. but mostly with me.
Avatar user-162
30.01.2007 19: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.
}

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine
Avatar user-180
30.01.2007 20:03

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

may the force be with you. but mostly with me.
Avatar user-182
30.01.2007 20:05

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

Seid ihr auch schon wix'r? xD
Avatar user-162
30.01.2007 20:05

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

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine
Avatar user-180
30.01.2007 20: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;
}

may the force be with you. but mostly with me.
Avatar user-162
30.01.2007 20:15

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

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine
Avatar user-180
30.01.2007 20: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;
}

may the force be with you. but mostly with me.
Avatar user-162
30.01.2007 20:28

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

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine
Avatar user-180
30.01.2007 20: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;
}

may the force be with you. but mostly with me.