C++ Community

08mmarte

Hallo

Ich habe mit meinem CSS-File ein kleines Problem...

...
a:link{
	color:yellow;
}

a:visited{
	color:yellow;
}

a:focus{
  font-weight:bold;
  color:blue;
  text-decoration:none;
}

a:hover {
  color:blue;
  text-decoration:none;
}

a:active{
	color:blue;
	font-weight:bold;
	text-decoration:none;
}
...

Diese angaben werden vom Firefox so interpretiert, dass er auch normalen Text (p-Tags) hervorhebt. das heisst, wenn ich mit der Maus über einen Test fahre wird er ebenfalls blau.
Wie kann ich das unterbinden??

mfg 08mmarte

mad_martin

Indem du erstmal den Rest des Files und den zugehörigen HTML-Code postest. So wie das da steht, wird das p-Tag garantiert nicht blau gefärbt. Der spannende Teil geht in dem Code ab, den du nicht gepostet hast

08mmarte

CSS:

html,body {
	background-color: #E6E6E6; 
}

div.header{
	background-image: url(../images/Background/background_header_footer.jpg);
	border: 1px solid;
	height: 100px;
	overflow:auto;
}

div.content{
	border: none; 
	height: 600px;
	overflow:auto;
}

div.sublink{
	float: middle;
	width: 7%;
	text-align: center;
}

div.link{
	float:left;
	width: 7%;
	text-align: center;
}

div.content a:link{
	color:red;
}

div.content a:visited{
	color:red;
}

div.content a:focus{
  color:blue;
}

div.content a:hover {
	color:blue;
	text-decoration:none;
}

div.content a:active{
	color:blue;
	font-weight:bold;
	text-decoration:none;
}

div.footer{
	background-image: url(../images/Background/background_header_footer.jpg);
	border: 1px solid black;
	height: 100px;
	font-size: 16px;
	font-weight: normal;
	overflow:auto;
	color:yellow;
	text-align:right;
}

div.link{
	float:left;
	width: 100px;
	text-align: center;
}

div.sublink{
	float: middle;
	width: 7%;
	text-align: center;
}

a:link{
	color:yellow;
}

a:visited{
	color:yellow;
}

a:focus{
  font-weight:bold;
  color:blue;
  text-decoration:none;
}

a:hover {
  color:blue;
  text-decoration:none;
}

a:active{
	color:blue;
	font-weight:bold;
	text-decoration:none;
}

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Vereinname</title>
		<link rel="stylesheet" type="text/css" href="./CSS/format.css">
	</head>
	<body>
		<div class="header">
			<div class="link">
				<a href="./Home.php">Home<a/>
			</div>
			<div class="link">
				<a href="./Sponsoren.php">Sponsoren<a/>
			</div>
			<div class="link">
				<a href="./Verein.php">Verein<a/>
				<ul>
					<li>
						<a class="sublink" href="./Verein.php?func=1">Geschichte<a/>
					</li>
					<li>
						<a class="sublink" href="./Verein.php?func=2">Gruppen<a/>
					</li>
				</ul>
			</div>
			<div class="link">
				<a href="./Jahresplan.php">Jahresplan<a/>
			</div>
			<div class="link">
				<a href="./Login.php">Login<a/>
			</div>
			<div class="link">
				<a href="./Kontakt.php">Kontakt<a/>
			</div>
		</div>
		<div class="content">
			<h1>Vereinname</h1>	
			<p>Auf den folgenden Seiten, werden Sie über den Verein informiert.<br />Sie können die <a href="./Verein.php?func=1">Entstehung</a> miterleben, oder die verschiedenen  <a href="./Verein.php?func=2">Gruppen</a> anschauen</p>
		</div>
		<div class="footer">
		</div>
	</body>
</html>

Ist das dein Ernst?
Hast du den Code irgendwo kopiert?

[b]<a/>[/b]

Und jetzt guck mal genau hin...

08mmarte

UPS...*KopfaufdenTischschlag*

Siassei

&<div class="content"> ;

08mmarte

Was ist daran falsch??

PRIEST

Da der content nur 1 mal vorkommt nimmt man dort normal ID .. aber das nicht weiter schlimm was viel schlimmer ist, ist das hier:

<div class="link">
                <a href="./Kontakt.php">Kontakt<a/>
            </div>

also man kann es mit div verschachtelungen wirklich übertreiben ... in deinem jetzigen fall könnte man sogar soweit gehen und sagen das du beim kontent garkein div benötigst da du nur sowenige informationen lieferst.

Aber das ist ein anderes TROTZDEMWICHTIGES thema.. sehe immer wieder ds viel zu viel divs auftauchen ...

zurück zum code .. erkläre mir bitte wieso du eine class link erstellt hast?