• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Ungeplante Farbänderung - kann jemand helfen?

G

gast-to-go

Neues Mitglied
Hallo,

ich hab an einer Stelle in meinem Quellcode ein Problem. Es geht um einen Link, der soll eine bestimmte Farbe haben, die auch so bleibt, wenn ich das Wort (s.unten "Thailand") nur fett mache. Sobald ich aber noch das unterstrichen hinzufüge, wird die Farbe einfach nur schwarz. Was mache ich falsch? Ist das irgendein Anfängerfehler?

Also so ist die Farbe richtig:

<div style="overflow:auto; position: absolute; width:100; height:386; left:465; top:260">
<font face="Segoe Print">
<font size="3" color="#808080">
<br>
<a href="http://..."> <b>Thailand</b></a>
<center>
</center>
</font>
</div>

Und so wird das Wort "Thailand" plötzlich schwarz:

<div style="overflow:auto; position: absolute; width:100; height:386; left:465; top:260">
<font face="Segoe Print">
<font size="3" color="#808080">
<br>
<a href="http://"> <b><u>Thailand</u></b></a>
<center>
</center>
</font>
</div>

Wäre dankbar für einen Tipp!
 
Werbung:
Dein Fehler ist das veraltete <font>-Element für Gestaltung zu nutzen. Farben legt man in CSS fest. Und da genügt es

Code: 
u { color: #808080; }

zu schreiben.
 
also
Code: 
<body>
<style type="text/css">
u {
  color: #808080}
</style>
Rest
</body>
 
Werbung:
HTML: 
 <head><style type="text/css"><!--
u {}
--></style></head>
also in den head bereich eigentlich
 
...halte ich alles für suboptimal. <u> ist outdated, ausserdem soll hier ein <a>-Element gestylt werden.

Also am Besten aus
HTML: 
<a href="http://"> <b><u>Thailand</u></b></a>
wird
HTML: 
<a class="black" href="http://">Thailand</a>
und im CSS
Code: 
a.black {
  font-weight:bold; /*statt <b>*/
  text-decoration: underline; /*statt <u>*/
  color:#808080;
}
dann ist es korrekt und und klappt auch.

Ausserdem besser bei
width:100; height:386; left:465; top:260

...jeweils ein px hinter die Angabe, zB top:260px
 
Werbung:
ja, gut man kann aber auch <a style="..."> machen,wenn man sich die Klasse sparen will.

Ausserdem ist <u> für unterstrichene Textelemente gedacht, und deshalb unbeliebt, weil man im Web eigentlich keinen Text unterstreicht, wenn er kein Link ist, um User nicht zu verwirren.
Also warum <u><a></a></u> wenn man einfach <a style="text-decoration:underline;"></a> machen kann?

Und: Bist du sicher, das selbst wenn er das <u> benutzen möchte, das dann immer schwarz sein soll? Das wäre dann nämlich so...
 
wenn er es für die regel machen will ( was ich mal annehme ) ja , sonst kann er ja dafür klassen verwenden ... aber natürlich geht es auch über den universalselektor a
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben