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">
<head>
<title>Armature</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-5" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="header">
<ul class="menu">
<li><a href="http://armature.de.tl/Start.htm"><img src="http://img.webme.com/pic/a/armature/but1.gif" alt="Start" width="73" height="57" />Start</a></li>
<li><a href="http://armature.de.tl/Downloads.htm"><img src="http://img.webme.com/pic/a/armature/but2.jpg" alt="Downloads" width="94" height="57" /></a></li>
<li><a href="http://armature.de.tl/Kontakt.htm"><img src="http://img.webme.com/pic/a/armature/but3.jpg" alt="Kontakt" width="81" height="57" /></a></li>
<li><a href="http://armature.de.tl/Impressum.htm"><img src="http://img.webme.com/pic/a/armature/but4.jpg" alt="Impressum" width="94" height="57" /></a></li>
<li><a href="http://armature.de.tl/Partner.htm"><img src="http://img.webme.com/pic/a/armature/but5.jpg" alt="Partner" width="85" height="57" /></a><div style="position:absolute;top:1px;left:1px;height:0px;width:0px;overflow:hidden"><h1><a href="http://www.webdesign.org">web design</a></h1><h1><a href="http://www.freetemplatesonline.com/">free web templates</a></h1><h1><a href="http://www.websitetemplates.org/">website templates</a></h1></div></li>
</ul>
</div>
<div id="content">
<div class="column">
<div class="small_title arrow">Our company news: </div>
<div class="small_title">December,30th, 2007</div>
<strong>Moleste lacmo</strong>, consectetuer modest lalor de siuma. Conost lestecial uno dela lamorit moscrimo per consectetuer cons peraty deriteli.
<div class="small_title">December,30th, 2007</div>
<strong>Áonsectetuer dese</strong> modest de lalore siuma. Conost lestecial uno dela lamorit moscrimo per consectetuer.Conost lest uno dela lamorit moscrimo per consect
<div class="readmore"><br /><a href="#">read more</a></div>
</div>
<div class="column">
<div class="small_title arrow">Our company news: </div><br />
<strong>Moleste lacmo</strong>, consectetuer modest lalor de siuma. Conost lestecial uno dela lamorit moscrimo per consectetuer cons peraty deriteli. Dese molor de la siuma.
<img src="images/pic1.jpg" alt="" width="194" height="60" />
Consectetuer modest lalor desia.Conos lestecial uno dela lamorit moscrimo pere consectetuer cons peraty deriteli. Dese molor de la siuma.
<div class="readmore"><a href="#">read more</a></div>
</div>
<div class="column2">
<div class="small_title arrow">Our company news: <br /><br /></div>
<strong>Moleste lacmo</strong>,lorem ips consectetuer modest lalor de siuma. Conost lestecial uno dela lamorit.
<img src="images/pic2.jpg" alt="" width="115" height="117" />
<div class="readmore"><a href="#">read more</a></div>
</div>
</div>
<div id="footer">
<div class="bottom_menu">
<ul>
<li><a href="http://armature.de.tl/Start.htm">Start</a></li>
<li> | </li>
<li><a href="http://armature.de.tl/Downloads.htm">Downloads</a></li>
<li> | </li>
<li><a href="http://armature.de.tl/Kontakt.htm">Kontak</a></li>
<li> | </li>
<li><a href="http://armature.de.tl/Impressum.htm">Impressum</a></li>
<li> | </li>
<li><a href="http://armature.de.tl/Partner.htm">Partner</a></li>
</ul>
</div>
</div>
</body>
</html>
Code:
@charset "iso-8859-5";
/* CSS Document */
*{
margin:0;
padding:0
}
img {border:0px}
html{
width:100%;
background-color:#000000;
margin:0px;
padding:0px;
}
body{
width:766px;
height:100%;
margin:auto;
text-align:center
}
#header{
width:766px;
height:348px;
background-image:url(http://img.webme.com/pic/a/armature/title_slogan.gif);
background-repeat:no-repeat;
background-position:0 57px;
text-align:left;
}
#footer{
height:31px;
background-color:#262525;
font-family:Tahoma;
font-size:11px;
color:#9c9c9c;
padding:20px 0 20px 30px;
text-align:left
}
.menu{
background-image:url(http://img.webme.com/pic/a/armature/menu_bg.jpg);
background-position:top left;
background-repeat:repeat-x;
display:block;
width:728px;
list-style-type:none;
padding:0 0 0 38px;
}
.menu li{
display:inline
}
#footer div{float:left}
.bottom_menu a{
font-family:Tahoma;
font-size:11px;
color:#9c9c9c;
text-decoration:none
}
#footer li {
display:block;
float:left;
padding:0 7px 2px 7px;
}
.copy{
padding:7px 20px 7px 20px;
margin:0 20px 0 0
}
.copy a{
font-family:Tahoma;
font-size:11px;
color:#9c9c9c;
text-decoration:underline
}
.copy a:link{text-decoration:underline}
.copy a:visited{text-decoration:underline}
.copy a:hover{text-decoration:none}
.bottom_menu{
width:480px;
margin:0 20px 0 20px 0;
padding:7px 0 7px 20px
}
.small_title{
font-family:Tahoma;
font-size:12px;
color:#af0e0e;
font-weight:bold;
padding:20px 0 10px 0
}
.arrow{
padding:0 0 0 10px;
width:135px;
background-image:url(http://img.webme.com/pic/a/armature/arrow.gif);
background-position:0px 4px;
background-repeat:no-repeat
}
#content{
padding:20px 0 0 13px;
margin:20px 0 40px 0;
text-align:left;
font-family:Tahoma;
font-size:11px;
color:#d2d1c6;
height:260px;
}
.column{
background-image:url(http://img.webme.com/pic/a/armature/dash.gif);
background-position:top right;
background-repeat:repeat-y;
width:195px;
text-align:left;
padding:0 30px 0 35px;
float:left
}
.readmore{
text-align:right;
margin:16px 10px 0 0
}
.readmore a{
font-family:Tahoma;
font-size:12px;
color:#af0e0e;
font-weight:bold;
text-decoration:none;
}
.column2{
width:140px;
text-align:left;
padding:0 30px 0 35px;
float:left
}
.column2 img{margin:7px 0 14px 0}
.column img{margin:14px 0 14px 0}
Wenn ihr jetzt auf meine Seite (http://armature.de.tl/) geht, seht ihr, dass das nciht ganz so funktioniert.
Ich wäre zutiefst dankbar, wenn ihr mir sagen könntet, was und wo ich etwas verändern muss.
Hier das gewollte Design:
ck.us/i/113bd.jpg/]
[/URL]
Freundliche Grüße