Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
<!--
html {
height:100%;
background-color:#FFF;
}
body {
margin:0px;
font-size:0.75em;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}
#chat_preview{
width:217px;
height:150px;
background-image:url(images/ecke.gif);
background-position:right top;
background-repeat:no-repeat;
background-color:#939498;
margin-right:3px;
float:left;
}
#preview{
font-size:1.2em;
color:#FFF;
font-weight:bold;
margin-left:10px;
padding-top:6px;
padding-bottom:5px;
}
#bild{
width:92px;
height:123px;
background-color:#e6e7e9;
padding-right:5px;
float:left;
}
#previewbox{
width:115px;
height:118px;
background-color:#e6e7e9;
padding-right:5px;
padding-top:5px;
float:left;
}
#previewbox a{
font-weight:bold;
color:#f57e20;
text-decoration:none;
}
#previewbox a:hover {
color:#333;
}
-->
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Unbenanntes Dokument</title>
</head>
<body>
<div id="chat_preview">
<span id="preview">Chatroom | 11. 09. 2006</span>
<div id="bild">
<img src="http://xhtmlforum.de/images/foto.jpg" alt="" width="92" height="123" />
</div>
<div id="previewbox">
Am kommenden Dienstag im Chatroom:
<a href="#">Einloggen, um 20.30 Uhr gehts los ---›</a>
</div>
</div>
</body>
</html>
__________________
Kaum macht man es richtig, schon funktioniert es!
Geändert von Pr@ana (05.09.2006 um 16:56 Uhr)
|