nicht angemeldet
Hallo EKKi,
»»... und ordne die Elemente dieser Klasse zu.
Habe ich jetzt gemacht.
...validieren und die gefunden Fehler beseitigen ...
Spannende Seite. Die kannte ich noch nicht.
Alle angezeigten Fehler sind jetzt behoben.
Nur der Vollständigkeit wegen; Das Muster für den Aufbau habe ich von hier übernommen und angepasst.
Hier nun der neue Seitenaufbau:
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'><html>
<head>
<title>Item stats</title>
<meta http-equiv='content-type' content='text/html; charset=ISO-8859-1'> <style type='text/css'><!--table, td {border:1px solid black;}
table {empty-cells:show;}
.box {color:black;background-color:transparent;position:relative;}
.box a {color:#f6e4c1;background-color:#b8ab8f;font-family:arial, sans-serif;font-size:100%;font-weight:bold;text-decoration:none;display:block;padding:5px;border-top:2px solid #e4d9c0;border-right:2px solid #837c6b;border-bottom:2px solid #837c6b;border-left:2px solid #e4d9c0;}
.box a:visited {color:#f6e4c1;background-color:#b8ab8f;}
.box a:hover {color:#f6e4c1;background-color:#b8ab8f;text-decoration:none;border-top:2px solid #837c6b;border-right:2px solid #e4d9c0;border-bottom:2px solid #e4d9c0;border-left:2px solid #837c6b;}
.box a:active {color:#f6e4c1;background-color:#b8ab8f;}
.box a .info {display:none;}
.box a:hover .info {
color:black;
background:#b8ab8f;
font:14px courier,sans-serif;
display:block;
width:400px;
padding:5px;
text-align:justify;
z-index:3;
background-color:#b8ab8e;
position:absolute;
top:30px;left:0px;
}
.itemgroup {position:relative;}
--></style></head>
<body>
<div class='itemgroup'>
<h3>Gruppe</h3>
<table>
<tr><td> </td><td> </td><td>Spalte1</td><td>Spalte2</td></tr>
<tr><td>Nr.1</td><td>Text1</td>
<td> </td>
<td><div class='box'><a href='#'>50<span class='info'>
User - Unit - Amount<br>
Anton - ZDF - 50<br>
</span></a></div></td>
</tr>
<tr><td>Nr.2</td><td>Text2</td>
<td><div class='box'><a href='#'>16<span class='info'>
User - Unit - Amount<br>
Berti - ZDF - 12<br>
Det - ZDF - 4
</span></a></div></td>
<td> </td>
</tr>
<tr><td>Nr.3</td><td>Text3</td>
<td> </td>
<td><div class='box'><a href='#'>50<span class='info'>
User - Unit - Amount<br>
Connie - ZDF - 50<br>
</span></a></div></td>
</tr>
<tr><td>Nr.4</td><td>Text4</td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div><br><br><br><br></div>
</body>
</html>
Aber geändert hat sich in der Darstellung noch nichts.
IE: Infobox hinter den Links
Firefox: Alles gut
Gruß
Axel