micha_eintausend: 2 Bilder untereinader positionieren

Beitrag lesen

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
body,td,th {
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size: 96%;
 background-color:#5C5858;
}

* {
  margin:0;
  padding:0;
}

#layout {
 width : 955px;
 height : 600px;
 margin : 36px auto 0 auto;
 background-image : url(bilder/hintergrund.jpg);
 background-repeat : no-repeat;
 background-position : center 0%;
 /*border : 1px solid green;*/
}

#inhalt {
 height : 550px;
   margin-right: 152px;
   padding: 0px;
 /*border: 1px solid red;*/
}

#navi {
  float: right;
  height : 550px;
  width:150px;
  padding: 0px;
  /*border: 1px solid black;*/
}

#fuss {
   background-color:#C20339;
   height : 50px;
   clear: both;
 padding: 0;
   /*border: 1px solid blue;*/
}
#text {
 padding-left:150px;
 padding-top: 120px;
}

#menue {
 margin-top: 150px;
 width:150px;
 font-size:12px;

}

#menue ul, #menue li {
 list-style-type: none;
   padding: 0px;
   margin: 0px;

}

#menue li a:link, #menue li a:visited, #menue li a:active {
 display:block;
 background-color:#C20339;
 color:#fff;
 text-decoration:none;
 margin-bottom: 4px;
 margin-top: 4px;
 padding-left: 5px;
 height: 24px;
 line-height: 24px;
}

#menue li a:hover {
 background-color:#337F3F;
 color:#fff;
}
#unterschrift {
 padding-top: 1px;
 text-align: center;
 font-size: 2.4em;
 color:#fff;
}
#leiste {
 padding-top: 420px;

}
.schriftzug {
width: 100%;
height: 100%;

padding-top: 110px;
 padding-left: 150px;

}
h1,h2,h3  {
 color: Maroon;
}
h1 {
 text-align: center;
 font-size: 2.3em;
 color:#fff;
}

h2  {
 text-align: center;
 font-size: 1.8em;
 color:#fff;
}

h3  {
 font-size: 1.3em;
 padding-top: 5px;
}
</style>

</head>
<body>
<div id="layout">

<div id="navi">
     <div id="menue">
    <ul >
    <li><a href="index.html"  onfocus="this.blur()">punkt1</a></li>
    <li><a href="index.html"  onfocus="this.blur()">punkt2</a></li>
    <li><a href="index.html"  onfocus="this.blur()">punkt3</a></li>
    <li><a href="index.html"  onfocus="this.blur()">punkt4</a></li>
    <li><a href="index.html"  onfocus="this.blur()">punkt5</a></li>
    <li><a href="index.html"  onfocus="this.blur()">punkt6</a></li>
    </ul>
  </div>
  </div>
 <div id="inhalt"><div id="leiste"><img src="bilder/leiste.gif" width="955" height="130" /></div>
     <div class="schriftzug"><img src="bilder/schriftzug.gif" width="325" height="146" /></div>

</div>

<div id="fuss">
    <div id="unterschrift">Meine Private Hompage
    </div>
  </div>
</div>
</body>
</html>
--------------------------------------------------
Es sind die beiden Bilder Schriftzug. gif und leiste.gif in der Devision Inhalt gemeint.

Danke für die schnelle Antwort gruß
Micha