• Das kreative Thema des Monats Oktober wird vor allem diejenigen unter Euch besonders ansprechen, denen Do-it-yourself quasi im Blut liegt. Zeigt uns Eure Improvisationskünste oder fotografiert, was andere Leute sich so im Alltag zusammengestrickt haben. --> Zum Mitmachen bitte hier klicken

CSS Listen

mschoening

Gelbe Schleswiger Reinette
Registriert
21.02.07
Beiträge
1.764
Hi,
wie bekomme ich die Zahlen vor den <li>-Elementen in einer ordered list in die Farbe meiner Wahl und wie kann ich die Schriftart dieser Zahlen beeinflussen?

Thanks,
Max
 
Du musst da ein wenig tricksen und den Text im Listitem noch mit einem <span /> umschließen. :)

HTML:
Code:
<ul>
	<li>Hallo</li>
	<li><span>Hallo</span></li>
</ul>


CSS:
Code:
		li {
			font-family: Verdana;
			color: red;
		}
		li span {
			font-family: Arial;
			color: black;
		}

Edith sagt:

Wenn du Zahlen hast, dann nimmst du natürlich eine <ol />, aber das Prinzip dürfte klar sein. ;)
 
  • Like
Reaktionen: mschoening
Hi,
ja so hatte ich das schon nur dann halt nicht <span> sondern <a> (ist eine Navigation) aber hätte ja sein können, dass es auch anders geht.

Thanks,
Max
 
Meines Wissens nicht, es gibt wohl nichts um die Listendarstellung anders zu beeinflussen. Sorry. :(
 
Moin,

ja so hatte ich das schon nur dann halt nicht <span> sondern <a> (ist eine Navigation) aber hätte ja sein können, dass es auch anders geht.

dann wende einfach die CSS-Argumente die für span beschrieben sind auf <a> an. Warum wohl steht das »C« für kaskadierend?

Gruß Stefan
 
Moin,



dann wende einfach die CSS-Argumente die für span beschrieben sind auf <a> an. Warum wohl steht das »C« für kaskadierend?

Gruß Stefan

Häh? Ich sag doch das ich es so schon hatte (ergo: es klappt auch)! Es hätte aber doch sein können das es etwas wie list-style-color gibt (gibt es nicht - schon klar) oder eine etwas elegantere Lösung.

Thanks,
Max