CSS zweite Listen Klasse

Computer: Software & Programmierung HTML & CSS
#1

Hello,

Auf meiner Seite
http://roland.freewebsitehost.net/2_pics2004_bis_200…
habe ich eine Liste die Durchnummeriert werden soll. Das ganze mit CSS,
da es aber schon eine Definition gibt im stylesheet
(http://roland.freewebsitehost.net/style1_w3c.css)undund) zwar ohne Nummern habe ich eine zweite klasse angelegt eigens für diese einzelne Seite:

li.numbers {  
 list-style: 1;  
 margin-top: 4pt;  
 margin-bottom: 4pt;  
  
}

In meiner Seite wird aber keine Nummerierung angezeigt & ich komme nicht dahinter weshalb - weiß jemand Rat?

lg Roland

#2

Hallo,

In meiner Seite wird aber keine Nummerierung angezeigt & ich
komme nicht dahinter weshalb - weiß jemand Rat?

versuch mal

ol.numbers {
 list-style-type: decimal;
 }

im Stylesheet und

1. xxx
  
2. ...

in der HTML Datei.

gruß
Heavy

#3

:frowning: CSS zweite Listen Klasse
hmmm

funzt leider nicht…

#4

Hallo Roland!

„creep“ schrieb:

Auf meiner Seite
http://roland.freewebsitehost.net/2_pics2004_bis_200…
habe ich eine Liste die Durchnummeriert werden soll. Das ganze
mit CSS,
da es aber schon eine Definition gibt im stylesheet
(http://roland.freewebsitehost.net/style1_w3c.css) und zwar
ohne Nummern habe ich eine zweite klasse angelegt eigens für
diese einzelne Seite:

li.numbers {  
list-style: 1;  
margin-top: 4pt;  
margin-bottom: 4pt;  
  
}

In meiner Seite wird aber keine Nummerierung angezeigt & ich
komme nicht dahinter weshalb - weiß jemand Rat?

Schau mal auf:
http://jendryschik.de/wsdev/einfuehrung/xhtml/listen

Gruss Oliver

#5

funzt leider nicht…

die globale Definition des List-Styles sollte auch im ol Tag stehen:

li {
 margin-top: 4pt;
 margin-bottom: 4pt;

}
ol {
 list-style-type: none;
 }
ol.numbers {
 list-style-type: decimal;
}

Bei den SelfHTML Beispielen (http://de.selfhtml.org/css/eigenschaften/listen.htm#…) sind die Styles den ol bzw. ul Tags zugeordnet, nicht den li Tags. Macht ja auch Sinn eine komplette Liste zu formattieren, und nicht jedes einzelne Item.

gruß
Heavy

#6

Nun hat’s funktioniert, sogar W3C konform :smile:
THX!