Suche im Forum:
Suchen


Autor Nachricht
Beitrag01.04.2010 um 12:17 (UTC)    
Titel: Benötige Hilfe beim Anpassen eines Designs

Hallo an alle!

Ich habe mir auf einer Template-Seite ein fertiges Design geholt und möchte dies nun gerne bei mir einfügen. Leider macht mir der Hompage-Baukasten einen Strich durch die Rechnung. Und zwar kann ich ja schienbar nicht alles komplett verändern und dadurch wird meine Design ziemlich verunstaltet...

Da ich mich weder mit html noch mit css sonderlich auskenne brauche ich eure Hilfe!

HTML-Code:
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>



CSS-Code:
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. Very Happy
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


Zuletzt bearbeitet von armature am 01.04.2010, 13:20, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de