HTML Code für Schriftfarben?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
absatz
date
datei
definition
demo
entsprechenden farbe
farbe
fragen
gen
gewinnen
mache
objekt
orange
scoren
sinnen
sofer
textformatierung
unentschiedenen orange
vielen dank
vorteil
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
In modernem (X)HTML gibt es keine "Codes" f?r Farben. Daf?r benutzt man CSS:
<html>
<head>
<style>
.gewonnen
{
color: green;
}
.verloren
{
color: red;
}
.unentschieden
{
color: orange;
}
</style>
</head>
<body>
<div>
Gewonnen: <span class="gewonnen">15</span>
Verloren: <span class="verloren">5</span>
Unentschieden: <span class="unentschieden">2</span>
</div>
</body>
</html>
-
Danke... ich habe denn noch eine frage
So habe ich das jetzt gemacht:
<tr>
<td height="16" colspan="2" valign="top" class="headBG1"><div align="left"><strong>FW</strong>
</div></td>
</tr>
<tr>
<td width="100%" height="84" valign="top" bgcolor="#FFFFFF"> <div align="left"><strong>
Date: </strong>22.02.06<strong><br>
XonX: </strong>4on4<strong><br>
<br>
<img src="about_dateien/de.gif" height="10">*AnTi - Helden vs EsseX Gaming <img src="about_dateien/de.gif" height="10"></strong>(draw)<strong><br>
Score: </strong>12 - 12<br>
<strong>Map(s):</strong> de_nuke<br>
<strong>Demo(s):</strong> No<br>
<strong>Screenshots:</strong> No<br>
<br>
und jetzt m?chte ich das der score auch in der entsprechenden farbe ist.
Score: </strong>12 - 12<br>
wie mache ich das jetzt das das 12 - 12 in orange ist?
Danke
Tim
-
factorskater schrieb:
Danke... ich habe denn noch eine frage
So habe ich das jetzt gemacht:
<tr>
<td height='16' colspan='2' valign='top' class='headBG1'><div align='left'><strong>FW</strong>
</div></td>
</tr>
<tr>
<td width='100%' height='84' valign='top' bgcolor='#FFFFFF'> <div align='left'><strong>
Date: </strong>22.02.06<strong><br>
XonX: </strong>4on4<strong><br>
<br>
<img src='about_dateien/de.gif' height='10'>*AnTi - Helden vs EsseX Gaming <img src='about_dateien/de.gif' height='10'></strong>(draw)<strong><br>
Score: </strong>12 - 12<br>
<strong>Map(s):</strong> de_nuke<br>
<strong>Demo(s):</strong> No<br>
<strong>Screenshots:</strong> No<br>
<br>
und jetzt m?chte ich das der score auch in der entsprechenden farbe ist.
Score: </strong>12 - 12<br>
wie mache ich das jetzt das das 12 - 12 in orange ist?
Danke
Tim
du musst den Text dann zwischen <p class="green"> und </p> setzen.
(nat?rlich nur, sofern "green" auch deine Farbe f?r Gr?n ist.)
-
nee so klappt das irgendwie net....
so hab ich das jetzt versucht:
<strong><br>
Score: </strong><p class="green"> 12 - 12</p><br> -
<font color="orange">12 - 12</font>
oder
<p style="color:orange">12 - 12</p>
Nur bei den ersten kannst du ddas <p> auslassen.
Der macht ja immer ein Absatz
man kann auch das hier machen:
<div style="color:orange">12 - 12</div>
mfg biLo -
hey vielen dank das klappt....
-
Jetzt hast du aber nicht die CSS Klasse benutzt. Rufe doch einfach wieder die CSS Kalsse wie auch vorher auf. Mit Class="" gibts du deine Farbe .gewonnen auf. Das Class Objekt kannst du im td Tag oder im div tag einf?gen.
Der Vorteil des CSS TAg ist das du auf einer Seite nur einmal die Farbe in der Definition ?ndern musst und alle Texte die mit dem Class objekt auf diesen Zugreifen und sich automatisch ?ndern.
Wenn du auf mehreren Seiten diese Textformatierung einsetzten willst kannst du den CSS Tag auch in eine externe CSS Datei auslagern. Somit brauchst du nur die CSS Datei zu?ndern und alle Texte ?ndern sich automatisch. CSS Dateien kann man bei den meisten Programmen anh?ngen lassen.
bilo schrieb:
<font color='orange'>12 - 12</font>
oder
<p style='color:orange'>12 - 12</p>
Nur bei den ersten kannst du ddas <p> auslassen.
Der macht ja immer ein Absatz
man kann auch das hier machen:
<div style='color:orange'>12 - 12</div>
mfg biLo
Hiervon w?rde ich abraten, da dann der sinn von CSS nicht mehr so ganz gegeben ist. Also einmal definieren ?fters nutzen!
Ich rate dir dich mal in CSS Tutorials einzulesen! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
