nicht angemeldet
Hallo Christian,
Okay, das mit dem "e" ist abgeändert - aber in der Darstellung hat sich weiterhin nichts geändert. Wie kann es sein, dass es bei dir geht und bei mir nicht?
Testseite
Hier mal meine ganze Datei:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Testseite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
A {
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #8B0000; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A:hover {
COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
A.copyright {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; COLOR: #ffffff; PADDING-TOP: 3px; TEXT-DECORATION: none
}
A.copyright:hover {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; COLOR: #ffffff; PADDING-TOP: 3px; TEXT-DECORATION: underline
}
BODY {
center repeat-y; font-size: 12px; font-family: verdana; BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 0px; BACKGROUND-COLOR: #ffffff; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: black; PADDING-TOP: 0px; FONT-FAMILY: Verdana; LIST-STYLE-TYPE: none; BORDER-RIGHT-WIDTH: 0px
}
H2 {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 17px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px; MARGIN: 0px; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
#post {
max-width: 440px; PADDING-LEFT: 10px; TEXT-TRANSFORM: lowercase; PADDING-TOP: 10px; PADDING-RIGHT: 10px; PADDING-BOTTOM: 10px; TEXT-ALIGN: left; color: #000000
}
#post_body {
TEXT-TRANSFORM: lowercase; border: #E6E1C6 solid 2px; TEXT-ALIGN: left; color: #000000; background-color: #ECE9DA;
}
#post_headline {
background-color: #E6E1C6; PADDING-TOP: 3px; PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none
}
#post_headline a {
COLOR: #BD5F01; font-size: 12px; font-weight: bold;
}
#post_headline A:hover {
COLOR: #000000; TEXT-DECORATION: underline
}
#post_main {
PADDING-TOP: 15px; PADDING-BOTTOM: 15px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #000000; TEXT-DECORATION: none
}
#post_main IMG {
border: 1px solid #000000
}
#post_feedback {
font-size: 10px; background-color: #E6E1C6; PADDING-TOP: 3px; PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #000000; TEXT-DECORATION: none
}
#post_feedback A {
font-size: 10px
}
#feedback {
PADDING-LEFT: 15px; TEXT-TRANSFORM: lowercase; PADDING-TOP: 15px; TEXT-ALIGN: left;
}
#feedback A {
COLOR: #BD5F01; TEXT-DECORATION: none
}
#feedback A:hover {
COLOR: #000000; TEXT-DECORATION: underline
}
.copyright {
color: #fff;
}
.basic_table {
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.inner_table {
border: 0px; padding: 0px;
}
table {
font-size: 11px;
}
td {
font-size: 11px;
}
#headernavigation {
OVERFLOW: hidden; TEXT-TRANSFORM: lowercase; COLOR: #533614; BORDER-BOTTOM: #efefef 1px solid; FONT-FAMILY: tahoma; BACKGROUND-COLOR: #424242; text-align: center
}
#headernavigation A {
BORDER-RIGHT: #efefef 1px solid; PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FONT-SIZE: 10px; FLOAT: left; PADDING-BOTTOM: 5px; COLOR: #ffffff; MARGIN-RIGHT: 0px; PADDING-TOP: 5px; BACKGROUND-COLOR: #424242; TEXT-DECORATION: none
}
#headernavigation A:hover {
COLOR: #ffffff; BACKGROUND-COLOR: #DD7B03; TEXT-DECORATION: none
}
#headernavigation A.active {
COLOR: #000000; BACKGROUND-COLOR: #ffffff
}
#headernavigation A.last {
BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 13px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #fff 0px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #fff 1px solid
}
A#current {
COLOR: #ffffff; BACKGROUND-COLOR: #DD7B03; TEXT-DECORATION: none
}
#headernavigation a.gruenefarbe {
background-color:#ff0; color:#0000CC;
}
#headernavigation a.gruenefarbe:hover {
background:#f00; color:#00FF33;
}
</style>
</head>
<body>
<table class="basic_table" align="center" border="0" cellpadding="0" cellspacing="0" width="804">
<tbody><tr><td width="802">
<table class="inner_table" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td colspan="3" align="left" bgcolor="#424242">
<div id="headernavigation">
<a id="current" href="http://www.stalbert-pfarrjugend.de/test.htm" title="Link 1">Link 1</a>
<a href="http://www.stalbert-pfarrjugend.de/test.htm" title="Link 2" class="gruenefarbe">Link 2</a>
<a href="http://www.stalbert-pfarrjugend.de/test.htm" title="Link 3">Link 3</a>
<a href="http://www.stalbert-pfarrjugend.de/test.htm" title="Link 4">Link 4</a>
<a href="http://www.stalbert-pfarrjugend.de/test.htm" title="Link 5">Link 5</a>
</div>
</td>
</tr>
<tr>
<td bgcolor="#cfcaad" valign="top" width="155">
</div></td>
<td style="border-left: 1px solid rgb(236, 233, 218); border-right: 1px solid rgb(236, 233, 218);" height="100" valign="top" width="500">
<br>
<div style="width: 460px; max-width: 460px;">
<h2>Test</h2>
<div id="post">
<div id="post_body">
<div id="post_headline">Testüberschrift</div>
<div id="post_main">
<div><a href="http://www.stalbert-pfarrjugend.de/test.htm" title="Link 6">Link 6</a></div>
</div>
<div id="post_feedback"></div>
</div>
</div>
</div>
<p><br>
</td>
<td bgcolor="#cfcaad" valign="top" width="145"><div id="leftmenu"> </td>
</tr>
<tr>
<td colspan="4" class="copyright" align="center" bgcolor="#1f1f1f" height="40" valign="middle">
<a href="http://www.stalbert-pfarrjugend.de/test.htm" title="Link 7" target="_blank">Link 7</a> |
<a href="http://www.stalbert-pfarrjugend.de/test.htm" title="Link 8" target="_blank">Link 8</a> |
<a href="http://www.stalbert-pfarrjugend.de/test.htm" title="Link 9" target="_blank">Link 9</a> |
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</body>
</html>
Dem Browser fehlte:
#headernavigation a.gruenefarbe {
background-color:#ff0; color:#0000CC;
}
#headernavigation a.gruenefarbe:hover {
background:#f00; color:#00FF33;
}
Diese Version funktioniert. Grad getestet.
Mit freundlichen Grüßen,
André
MudGuard
Auge