Einzelnen Beitrag anzeigen
  #7 (permalink)  
Alt 29.05.2006, 20:39
MoJo MoJo ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.05.2006
Beiträge: 46
MoJo befindet sich auf einem aufstrebenden Ast
Standard

stimmt
Zitat:
Poste bitte einen *vollständigen* Code
stimmt, sorry

HTML-Code:
<body  class="body">
<div class="content">
<div class="space"></div>
<div class="header"></div>
<div class="breadcrumb">Home &raquo; 2.Ebene &raquo; 3.Ebene</div>
<div class="navcontainer">
	<ul class="navigation">
		<li class="first"><a href="">Portr&auml;t</a></li>
		<li class="second"><a href="">Historie</a></li>
		...
		<li class="first"><a href="">Partner</a></li>
		<li class="first"><a href="">Kontakt</a></li>
		<li class="second"><a href="">Anreiseplan</a></li>
	</ul>
	</div>
<div class="main">
  <p>Lorem Ipsum</p>
 
Lorem ipsum dolor...consequat.
  <dl class="image">
  <dd><img src="Bilder/Grabkreuze 001.jpg" alt="Bild von Christian" /></dd>
  <dt>Dies ist das Testbild, das sp&auml;ter einmal hoffentlich angezeigt wird wenn es gut geht</dt>
</dl>Duis autem vel...volutpat.
</div>
  
  <div class="footer"></div>
</div>
</body>
</html>
css:
Code:
.body {
	text-align: center;
}

.content {
	font: Verdana, Arial, Helvetica, sans-serif, 12px, normal, normal;
	width: 800px;
	height: auto;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #893E27;
	border: #FFFFFF 2px outset;
	display: table;
	text-align: left;
}

.space {
	background-color:	#68533E;
	height: 150px;
	width: 200px;
	float: left;
}

.header {
	height: 150px;
	width: 575px;
	float: left;
}

.breadcrumb {
	font: Verdana, Arial, Helvetica, sans-serif, 12px;
	background-color: #B59C84;
	float: left;
	width: 775px;
	height: 20px;
	text-indent: 200px;	
}

.navcontainer {
	width: 200px;
	height: 100%;
	float: left;
	background-color: #6B5239;
}

.navigation {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.navigation .first{
	padding: 0px;
	margin: 0px;
}

.navigation .second{
	padding: 0px;
	margin: 0px;
	text-indent: 20px;
	background-color: #816345;
}

.navigation a:link, .navigation a:active, .navigation a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-color: inherit;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	display: block;
}

.navigation a:hover {
	background-color: #A9845F;
}

.main {
	background-color: #E9E1DA;
	width: 575px;
	float: left;
	min-height: 350px;
}


.footer {
	background-color: #9A7056;
	width: 800px;
	height: 20px;
	clear: both;
}

dl.image {  
	padding: 0px;
	margin: 0px;
	text-indent: 0px;
	list-style-type: none;
	float: right;
	text-align: right;
}

dl.image dt {  
	font-size: 11px;
	color: #999999;
	padding: 0px;
	margin: 0px;
}
Mit Zitat antworten