css:infobox

wallhall · 01.02.2006, 10:48

hallo Satan_666

so mein ich es:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="de">
<head>
<title>Infobox</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">

</style>
</head>
<body>

<div style="position:absolute; left:200px; top:100px; width:100; height:80px; z-index:1;">
<table width="100" border="1" cellspacing="0" cellpadding="0" height="80" bordercolor="#003366">
<tr bgcolor="#E7EDF8">
<td height="10">
<div style="text-align:center">oben</div>
</td>
</tr>
<tr bgcolor="#AB8B97">
<td height="50">
<div id="box">irgendein text<span>hier kommt dann etwas mehr text</span></div>
</td>
</tr>
</table>
</div>

<div style="position:absolute; left:200px; top:200px; width:100; height:100px; z-index:1;">
<table width="100" border="1" cellspacing="0" cellpadding="0" height="100" bordercolor="#003366">
<tr bgcolor="#E7EDF8">
<td height="10">
<div style="text-align:center">oben</div>
</td>
</tr>
<tr bgcolor="#008B97">
<td height="50">
<div id="box">irgendein text<span>hier kommt dann etwas mehr text</span></div>
</td>
</tr>
<tr bgcolor="#E7EDF8">
<td height="10">
<div style="text-align:center">unten</div>
</td>
</tr>
</table>
</div>

<div style="position:absolute; left:400px; top:150px; width:100; height:100px; z-index:1;">
<table width="100" border="1" cellspacing="0" cellpadding="0" height="100" bordercolor="#003366">
<tr bgcolor="#E7EDF8">
<td height="10">
<div style="text-align:center">oben</div>
</td>
</tr>
<tr bgcolor="#008B97">
<td height="50">
<div id="box">irgendein text<span>hier kommt dann etwas mehr text</span></div>
</td>
</tr>
<tr bgcolor="#E7EDF8">
<td height="10">
<div style="text-align:center">unten</div>
</td>
</tr>
</table>
</div>

</body>
</html>

01.02.2006, 10:48	#3
wallhall Senior Member Registriert seit: 13.02.2003 Beiträge: 149	hallo Satan_666 so mein ich es: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="de"> <head> <title>Infobox</title> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <style type="text/css"> <!-- #box a { color:#ffffff; background:#b3b06c; font:bold 16px verdana, sans-serif; text-decoration:none; display:block; padding:5px; border:1px solid black;} #box a:hover { color:black; background:#ddd8b7; width:400px;} #box a span {display:none;} #box a:hover span { color:black; background:#ffffff; font:normal 16px courier, sans-serif; border:1px solid black; display:block; padding:10px;} --> </style> </head> <body> <div style="position:absolute; left:200px; top:100px; width:100; height:80px; z-index:1;"> <table width="100" border="1" cellspacing="0" cellpadding="0" height="80" bordercolor="#003366"> <tr bgcolor="#E7EDF8"> <td height="10"> <div style="text-align:center">oben</div> </td> </tr> <tr bgcolor="#AB8B97"> <td height="50"> <div id="box">irgendein text<span>hier kommt dann etwas mehr text</span></div> </td> </tr> </table> </div> <div style="position:absolute; left:200px; top:200px; width:100; height:100px; z-index:1;"> <table width="100" border="1" cellspacing="0" cellpadding="0" height="100" bordercolor="#003366"> <tr bgcolor="#E7EDF8"> <td height="10"> <div style="text-align:center">oben</div> </td> </tr> <tr bgcolor="#008B97"> <td height="50"> <div id="box">irgendein text<span>hier kommt dann etwas mehr text</span></div> </td> </tr> <tr bgcolor="#E7EDF8"> <td height="10"> <div style="text-align:center">unten</div> </td> </tr> </table> </div> <div style="position:absolute; left:400px; top:150px; width:100; height:100px; z-index:1;"> <table width="100" border="1" cellspacing="0" cellpadding="0" height="100" bordercolor="#003366"> <tr bgcolor="#E7EDF8"> <td height="10"> <div style="text-align:center">oben</div> </td> </tr> <tr bgcolor="#008B97"> <td height="50"> <div id="box">irgendein text<span>hier kommt dann etwas mehr text</span></div> </td> </tr> <tr bgcolor="#E7EDF8"> <td height="10"> <div style="text-align:center">unten</div> </td> </tr> </table> </div> </body> </html> ____________________________________ lg wallhall

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)