Hallo zusammen,
ich habe versucht die erhaltenen Informationen einmal umzusetzen. Sollte ich hierbei etwas übersehen haben, bitte ich um Nachsicht/Nachricht. ;-)
Und, als Hinweis, es geht in erster Linie um die Struktur. Beschwerden wegen kleiner Schrift, häßlichen Farben usw. lasse ich jetzt mal nicht gelten.
Danke.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Startseite von einer Testseite</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
ul#news {
list-style:none;
width:35em;
margin:auto;
}
ul#news span.newsdatum {
display:block;
text-align:right;
font-size:0.7em;
padding:0;
margin:0;
background:#eee;
}
ul#news a.newslink1 {
width:86px;
height:65px;
display:block;
float:left;
margin:0em 1em 0em 0;
border:1px solid #eee;
}
ul#news h2.newsheader {
margin:0;
padding:0;
background:yellow;
font-size:0.9em;
}
ul#news p.newstext {
margin:0;
padding:0;
font-size:0.8em;
background:green;
}
ul#news a.newslink2 {
display:block;
text-align:right;
font-weight:bold;
font-size:0.7em;
font-family:sans-serif;
margin:0;
padding:0;
background:#eee;
}
</style>
</head>
<body>
<ul id="news">
<li>
<span class="newsdatum">Montag, 7. August 2006</span>
<a href="#" title="Zum Beitrag" class="newslink1" style="background:#fef url('/pixx/vorschau/thema1.jpg')"></a>
<h2 class="newsheader">Neueste Nachrichten</h2>
<p class="newstext">Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text
, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text
, Text, Text, Text, Text ...</p>
<a href="#" title="Zum Beitrag" class="newslink2">Weiter zum Beitrag</a>
</li>
</ul>
</body>
</html>
Mit freundlichen Grüßen,
André