Vererbungsproblem?

3Dnavigator

3Dnavigator

Erfahrenes Mitglied
Hallo Zusamen
Hab' leider über die Suche keine passende Lösung zu meinem Problem gefunden.
Ich habe ein einfaches HTML & CSS File, welche eine einfache Definition für die Darstellung von Links enthält (Rot) und eine für Links, die im "DIV ID=copyright" dargestellt werden (Grün).
Leider werden die Links im "DIV ID=copyright" fälschlicherweise dargestellt, wie die normalen Links (in Rot). Warum?

HTML:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" type="text/css" href="./css/style.css" />
</head>
<body>
<div id="container">

<div id="pagetitle">Seitentitel</div>

<div id="content">
Seiteninhalte
</div>

</div>

<div id="copyright">copyright &copy; by name&nbsp;&nbsp;|&nbsp;&nbsp;design & cms by <a href="http://www.www.www" target="_blank">DAS IST DER LINK!</a></div>
</body>
</html>

CSS:
Code: 
body {
	margin: 0;
	padding: 0;
	font: 100% "Times New Roman";
}

a {
	color: Red;
}

#container {
	width: 956px;
	border: 1px dotted #f0f;
}

#pagetitle {
	border: 1px dotted #f0f;
}

#content {
	min-height: 400px;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px dotted #f0f;
}

#copyright {
	text-align: left;
	color: #c0c0c0;
	background-color: #000;
	font-size: 0.9em;
	padding: 12px;
}

#copyright a{
	color: Green;
	text-decoration: none;
}
 
Moin,

ich kann mit deinem Code browserübergreifend kein Vererbungsproblem bei der Linkfarbe im DIV #copyright erkennen, sprich der Link wird von allen mir zur Verfügung stehenden Browsern (FF, IE, Mozilla, NN, Opera, Safari, Seamonkey) wie gewünscht grün dargestellt.

Ansonsten schau mal, ob die Definiton der Linkfarben mit Hilfe der Pseudoklassen für Verweise das Problem bei dir abstellt:

CSS: 
a:link, a:visited { color:red; }
a:hover, a:active { color:blue; }

#copyright a:link, #copyright a:visited { color:green; }
#copyright a:hover, #copyright a:active { color:black; }


mfg Maik
 
Komisch... Als ich den eigenen geposteten Code nochmals in leere Files kopiert habe und gespeichert habe, gings auch.
Aber nun habe ich versucht heraus zu finden, was denn in dem geposteten (leicht vereinfachten) Code anders ist als in meinem: bin nicht darauf gekommen.

Nun habe ich den Code so weit vereinfacht wie's geht und das Problem tritt immernoch auf:

HTML:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
</head>
<body>

<div id="copyright">copyright &copy; by name&nbsp;&nbsp;|&nbsp;&nbsp;design & cms by <a href="http://www.www.www" target="_blank">DIES IST DER LINK</a></div>

</body>
</html>

CSS:
Code: 
a {
	color: Red;
}

#copyright a{
	color: Green;
	text-decoration: none;
}

Was sehe ich nicht...
 
Hi Maik!

Vielen Dank! Das hat nun geklappt!
Aber das Verhalten meines Files finde ich nach wie vor komisch. Warum geht's in den einen Templates und in diesem nicht? Warum ging es nach dem erneuten raus kopieren des Codes in ein neues File und mit dem Original-Code nicht?

Komisch... :(

Lieber Gruss & nochmals herzlichen Dank!
3Dnavigator
 
Bei mir bleibt mit dem "heruntergebrochenen" Code alles beim Alten.

Hast du es schon mit meinem Vorschlag überprüft?

mfg Maik

//edit: Ok, du hast :)

Warum es bei dir zu diesem Vererbungsproblem kommt, kann ich mit deinen gezeigten Codes nicht nachvollziehen. Hast du den Link schon mal in der Vergangenheit angeklickt, sodass der Browser ihn seither als "besuchte Seite" darstellt (entspricht der Pseudoklasse :visited)?
 
Hm, nochmals komisch!
In meinem Original-File geht's noch immer nicht. Nur in dem ultimativ-vereinfachten... :(

Hier die Originalcodes:

HTML:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
	<title>[*pagetitle*] | [(site_name)]</title>
</head>
<body>
<div id="nav-main">
<ul>
<li><a href="#">News</a></li>
<li><a href="#" class="active">On Stage</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

<div id="container">

<div id="pagetitle">Seitentitel</div>

<div id="content">

<div id="newsentry">
<div id="date">17. Jan 2009</div>
<div id="title">Neue Website online</div>
<div id="text">Iusto odio dignissim qui blandit praesent luptatum zzril delenit augue? Typi qui nunc nobis videntur parum clari fiant sollemnes in? Claram anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima! Assum typi non habent claritatem insitam est usus legentis in iis qui facit eorum claritatem Investigationes. Esse molestie consequat vel illum dolore eu feugiat!</div>
</div>

</div>

</div>

<div id="copyright">copyright &copy; by name&nbsp;&nbsp;|&nbsp;&nbsp;design & cms by <a href="http://www.www.www" target="_blank">DIES IST DER LINK!</a></div>

</body>
</html>

CSS:
Code: 
body {
	margin: 0;
	padding: 0;
	font: 100% "Times New Roman";
}

h1 {
	
}

h2 {
	
}

h3{
	
}

a:link, a:visited {
	color: Red;
}
a:hover, a:active {
	color: Black;
}

#container {
	width: 956px;
	border: 1px dotted #f0f;
}

#pagetitle {
	border: 1px dotted #f0f;
	background-color: #daa632;
}

#nav-main {
	border: 1px dotted #f0f;
	padding: 0;
	margin: 330px 0 0 36px;
	width: 180px;
	float: left;
}

#nav-main ul {
	border: 1px dotted #f0f;
	margin: 0;
	padding: 0;
}

#nav-main li {
	border: 1px dotted #f0f;
	list-style-type: none;
	background-color: #000;
	color: #fff;
}

#nav-main li a {

}

#nav-main-active {
	border: 1px dotted #f0f;
}

#content {
	min-height: 400px;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px dotted #f0f;
}

#copyright {
	text-align: left;
	color: #c0c0c0;
	background-color: #000;
	font-size: 0.9em;
	padding: 12px;
}

#copyright a:link, #copyright a:visited{
	color: #c0c0c0;
	text-decoration: none;
}
#copyright a:hover, #copyright a:active{
	color: Blue;
	text-decoration: none;
}

Hi Maik

Um das mit der Pseudoklasse :visited ausschliessen zu können, habe ich es mit "kuderwelsch"-Links probiert. Leider auch ohne Erfolg. Ich habe nun oben den ungekürzten Originalcode gepostet...

Gruss!
 
Ja, den Cash habe ich soeben nochmals geleert und einen reload gemacht. Keine Änderung...
Alle anderen CSS-Änderungen übernimmt's auch immer schön sauber nach einem Reload.
Verflucht, wie kann ich dem Problem auf den Grund kommen?

Übrigens: Besteht bei mir das Problem mit Firefox UND Safari!

Was ich noch festgestellt habe: Irgendwie scheint es ein Problem mit den verschachtelten Werten zu sein!

Sobald ich z.B. auch einen "font #bold {}" mache, werden die darin definierten Eigenschaften ignoriert!

An was kann das liegen?
Ev. am Doctype? Habe aber schon verschiedene probiert - ohne Erfolg...
 
3Dnavigator hat gesagt.:
Was ich noch festgestellt habe: Irgendwie scheint es ein Problem mit den verschachtelten Werten zu sein!

Sobald ich z.B. auch einen "font #bold {}" mache, werden die darin definierten Eigenschaften ignoriert!

An was kann das liegen?
Zum Vergrößern anklicken....
Existiert denn im HTML-Code folgendes "Element-Konstrukt", damit der gezeigte Selektor für Nachfahren eine Übereinstimmung mit dem Markup besitzt?

HTML: 
<font><span id="bold">Text</span></font>



mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück