nicht angemeldet
Hallo,
habe ein Problem mit CSS bzw. HTA. Habe eine Seite programmiert die in ganz normalen HTML File Fehlerfrei angezeigt wird. Ist eine Table mit 2 Spalten die als Buttons fungieren. Wenn ich in dem Bereich des <td> mit der Maus drüber fahr wird der ganze Bereich farblich hervorgehoben (hover).
In der HTA File funktioniert es nur vor dem Text und beim Text, alles was nach dem Text kommt funktioniert der Hover effekt nicht mehr.
Vielen Dank schonmal
Mit freundlichen Grüßen
Christian
Hier der Code:
<title>Test css</title>
<style type="text/css">
body {
color: black; background-color: #FEFEFE;
font-size: 100%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em 0;
/*text-align: center;*/
}
ul#Header {
color: black; background-color: gray;
font-size: 2.5em;
float: left; width: 100%;
margin: 0; padding: 0;
border: 1px dashed silver;
}
ul#Header li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Header a {
display: block;
padding: 0.6em;
font-weight: bold;
}
ul#Navigation {
font-size: 0.99em;
float: left; width: 100%;
margin: 0; padding: 0;
border: 1px dashed silver;
text-align: center;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: black; background-color: #eee;
}
ul#Navigation a:visited {
color: #666; background-color: #eee;
}
ul#Navigation a:hover {
color: black; background-color: #CCCCCC;
}
</style>
</head>
<body>
<table width="100%">
<tr>
<td>
<table width="100%">
<tr>
<td>
<div>
<ul id="Header">
<li>IT Operation Hilfe...</li>
</ul>
</div>
</td>
</tr>
</table>
<table border="0" width="100%">
<tr>
<td>
<div>
<ul id="Navigation">
<li><a href="einfuehrung.htm">Test1</a></li>
</ul>
</div>
</td>
<td width="1"></td>
<td>
<div>
<ul id="Navigation">
<li><a href="einfuehrung.htm">Test2</a></li>
</ul>
</div>
</td>
...