CSS

cd_brenner

Aktives Mitglied
Muss euch was fragen:

Hab jetzt meine Seite mit Css gestaltet.
Nur mit den Links klappt es nicht ganz.
Sie sollten eigentlich (laut CSS Datei) grau sein.
Aber sie sind rot, wie im body tag angegeben.
Wenn ich es aus dem body tag rausnehme, dann sind sie blau.

So sieht meine CSS datei aus:

QUOTE <style type="text/css">
<!--

.u1 {
font-family: Comic Sans MS;
font-size: xx-large;
text-align: center;
color:#EFEFEF;

}
.text {
font-family: Comic Sans MS;
font-size: x-small;
text-align: left;
color: #FFFFFF;
}
..u2 {
font-family: Comic Sans MS;
font-size: large;
color: #EFEFEF;
}
.note {
font-family: Comic Sans MS;
font-size: xx-small;
color: #FFFFFF;
}.
a:link {
font-family: Comic Sans MS;
color: #FFFFFF;
text-decoration: none;
font-size: x-small;
}
a:visited {
font-family: Comic Sans MS;
color: #FFFFFF;
text-decoration: none;
font-size: x-small;
}
a:hover {
font-family: Comic Sans MS;
color: #9F9F9F;
text-decoration: underline;
font-size: x-small;
}
a:active {
font-family: Comic Sans Ms
color: #FFFFFF;
text-decoration: underline;
font-size: x-small;
}
-->
</style>


zum Anschauen auf www.x-ray.at.tc


VDank Markus
 
Die Links erscheinen dort rot, wo die css Datei nicht im head eingebunden ist, und die Links in HTML als rot definiert sind, z.B. im oberen Frame http://members.aon.at/wprutsc1/oben.html:

<html>
<head>
<title></title>
<meta name="author" content="Dieter">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body background="grafiken/bg_oben.jpg" leftmargin="0" topmargin="0" text="#000000" bgcolor="#00036f" link="#FF0000" alink="#FF0000" vlink="#FF0000">
 
Danke.

Aber schau dir das mal an:

QUOTE <html>
<head>
<title>werbepartner werden</title>
<meta name="author" content="Dieter">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<link rel="stylesheet" href="css/design.css" type="text/css">
</head>
<body text="#000000" bgcolor="#0036f" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div class="u1" >X-ray Werbeflächen</div>
<br>


<table class="text" align="center" >
<tr>
<td width="350">


Du möchtest ganz billig Werbung auf X-ray machen?<br>
Dann bist du hier ganz richtig. X-ray Werbeplätze kannst du
mieten und monatlich einen Betrag zahlen. Preise auf Anfrage.<br><br>
Folgende Werbeformen sind m&oumlglich:<br>
<ul type="square">
<li>Grafiken <br></li>
<li> animierte Grafiken <br></li>
<li> Flash`s (max. 20KB)<br></li>
<li> Popups<br></li>
<li> Textlinks<br></li>
</ul>
<a href="mailto:anmarkus@gmx.at?subject=X-ray">Ich möchte eine X-ray Werbefläche mieten.</a>
</td>
</tr>
</table>
<br>
<br>
</body>
</html>


Der Links ist rot, obwohl die Css Datei angegeben ist.
Wie kanns das geben?

MFG Markus
online auf: HIER

http://members.aon.at/wprutsc1/grafiken/logo.jpg
 
Das liegt wohl daran, dass es sich in diesem Fall um einen mailto: Link handelt, da greift das a:link nicht. Du kannst in der CSS Datei die Farbe aber zusätzlich noch für a allgemein angeben:

CODE
a {
color: #FFFFFF;
}



dann wird auch der mailto Link weiß eingefärbt
 
Hi,

Na das ist ja wohl klar:

QUOTE <body text="#000000" bgcolor="#0036f" link="#FF0000" alink="#FF0000" vlink="#FF0000">


Wenn im body-Tag angegeben ist, dass die Links rot sein sollen [ link="#FF0000" alink="#FF0000" vlink="#FF0000" ], dann werden die CSS-Eigenschaften ignoriert. Die drei Attribute, die ich in der Klammer aufgelistet habe, musst du entfernen. Dann sollte es gehen...

Greats,

S.B
 
QUOTE (Stefan Bötschi @ So 6.3.2005, 10:04) Wenn im body-Tag angegeben ist, dass die Links rot sein sollen [ link="#FF0000" alink="#FF0000" vlink="#FF0000" ], dann werden die CSS-Eigenschaften ignoriert.

Nein, das CSS überschreibt diese HTML-Angaben. Nur gibt es in der CSS Datei keine Angabe, die die Farbe des mailto Links überschreibt

cd_brenner hat ja auch im ersten Posting geschrieben:


QUOTE
Sie sollten eigentlich (laut CSS Datei) grau sein.
Aber sie sind rot, wie im body tag angegeben.
Wenn ich es aus dem body tag rausnehme, dann sind sie blau.

 
Hi,

@Jörg Kruse:
Sry, Hab' den Beitrag nicht so genau durchgelesen. Ich weiss, ich weiss, mach' ich in Zukunft immer
wink.gif


Ich denke aber trotzdem, dass er die Angaben aus dem Body-Tag entfernen sollte, wenn er keine roten Links sehen möchte. Browser, die mit CSS nicht richtig zurecht kommen, könnten ja die CSS-Eigenschaft ignorieren...

Greats,

S.B
 
QUOTE (Stefan Bötschi @ So 6.3.2005, 10:15) Ich denke aber trotzdem, dass er die Angaben aus dem Body-Tag entfernen sollte, wenn er keine roten Links sehen möchte. Browser, die mit CSS nicht richtig zurecht kommen, könnten ja die CSS-Eigenschaft ignorieren...

Da hast du natürlich recht - ich würde diese HTML-Angaben auch rausnehmen bzw. an die CSS-Angaben anpassen
 
Zurück
Oben