mikrocontroller.net

Forum: Offtopic XHTML Aufzählung mit farbigen Zahlen


Autor: Joe M. (jumper)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
Eine aufzählung in XHTML geht ja so,
<ol>
  <li> hallo</li>
  <li> hallo</li>
</ol>

Wie mache ich jedoch die zahlen grün??

Gruß

Autor: Uhu Uhuhu (uhu)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
Versuchs mal so:

<ol>
  <li> hallo</li>
  <li style="color: green"> hallo</li>
</ol>

Autor: Läubi .. (laeubi) Benutzerseite
Datum:

Bewertung
0 lesenswert
nicht lesenswert
Besser mit css:
ol li {
  color: green;
}
Dann ist aber auch der Text grün! Wenn du nur die Zahlen willst, müßte 
man ggf den text in ein span einschließen und dort die Farbe wieder auf 
schwarz stellen.
ol li {
  color: green;
}
ol li span {
  color: black;
}

Autor: Joe M. (jumper)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
Das mit
ol li {
  color: green;
}
ol li span {
  color: black;
}
Funktioniert leider nicht,(vieleicht mach ich auch einen fehler),
Für den kompleten Quelltext wäre ich dankbar!

Ich will nur die Zahlen farbig haben!
Gruß Joe

Autor: El Jefe (bastihh)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
<ol style="color:#00FF00;">
   <li><font style="color:#000000;">hallo </font></li>
   <li><font style="color:#000000;">hallo </font></li>
</ol>

Besser du legst dir eine CSS Datei an mit den jeweiligen Klassen.

Wird übersichtlicher.

Grüße

[edit]

So zB:

Zwischen dem Headtag (<head> </head>) trägst du ein:
<style type="text/css">
.zahlen
  {
    color:#00FF00;
  }
.text
  {
    color:#000000;
  }
</style>

Dann im Body Bereich (zwischen <body> </body>)
<ol class="zahlen">
   <li><font class="text">hallo </font></li>
   <li><font class="text">hallo </font></li>
</ol>

Autor: Joe M. (jumper)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
Danke!

Autor: Läubi .. (laeubi) Benutzerseite
Datum:

Bewertung
0 lesenswert
nicht lesenswert
font ist aber deprecated, statt dessen lieber wie schon gesagt span 
verwenden. Außerdem kann man sich die ganzen Klassen sparen, wenn reicht 
es eine klasse für ol zu vergeben falls man verschiedene 
Auszeichnungen haben will... der Witz an css ist doch gerade das man 
seinen HTMLcode eben nicht mehr mit haufenweise Style und 
Formatierangaben übersäht...

Minimalbeispiel:
<html>
<head>
<style type="text/css">
ol li {
  color: green;
}
ol li span {
  color: black;
}
</style>

</head>
<body>
<ol>
  <li><span>hallo</span></li>
  <li><span>hallo</span></li>
</ol>
</body>
</html>

Autor: Johnny B. (johnnyb)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
Läubi .. schrieb:
> Besser mit css:
>
> ol li {
>
>   color: green;
>
> }

Das hier "<li style="color: green"> hallo</li>" ist auch CSS, einfach 
inline...

Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail, Yahoo oder Facebook? Keine Anmeldung erforderlich!
Mit Google-Account einloggen | Mit Facebook-Account einloggen
Noch kein Account? Hier anmelden.