mystic-garden
<!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>Mystic Garden - Bildergalerie</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
html,body {
height: 100%;
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
line-height: 16px;
background-color: #2c3c37;
}
#container {
margin:auto;
width: 760px;
}
#kopf {
float: left;
width: 760px;
height: 190px;
padding: 0;
margin: 0;
background-image: url(mystic-garden-grafik/kopf.jpg);
background-repeat: repeat-x;
}
#menue {
float: left;
width: 760px;
height: 26px;
padding: 0;
margin: 0;
background-image: url(mystic-garden-grafik/menuebg.jpg);
background-repeat: repeat-x;
}
#contentkopf {
float: left;
width: 760px;
height: 48px;
padding: 0;
margin: 0;
background-image: url(mystic-garden-grafik/contentkopf.gif);
background-repeat: repeat-x;
}
#content{
float: left;
width: 760px;
padding: 0;
margin: 0;
background-image: url(mystic-garden-grafik/contentbg.jpg);
background-repeat: repeat-y;
}
#sidebar{
float: left;
width: 171px;
padding: 0;
margin: 0;
padding-left: 50px;
}
#inhalt{
float: left;
width: 440px;
padding: 0;
margin: 0;
padding-left: 50px;
}
#fuss {
float: left;
width: 720px;
height: 39px;
padding: 0;
padding-top: 53px;
padding-right: 40px;
margin: 0;
background-image: url(mystic-garden-grafik/fussbg.gif);
background-repeat: repeat-x;
text-align: right;
color: #a3b1ac;
}
.mp1 {
float: left;
width: 81px;
height: 19px;
padding: 0;
padding-top: 5px;
padding-right: 4px;
padding-left: 69px;
margin: 0;
text-align: center;
color: #a3b1ac;
}
.mp {
float: left;
width: 81px;
height: 19px;
padding: 0;
padding-top: 5px;
padding-right: 4px;
padding-left: 5px;
margin: 0;
text-align: center;
color: #a3b1ac;
}
h1 {
margin: 0px;
margin-top: 3px;
margin-bottom: 5px;
padding: 0px;
padding-top: 3px;
height: 20px;
border: none;
border-bottom: 1px solid #666666;
font-size: 12px;
text-align: left;
}
h2 {
margin: 0px;
margin-bottom: 6px;
margin-top: 6px;
padding: 0px;
padding-top: 1px;
padding-left: 2px;
height: 17px;
background-color: #a7b8b2;
font-size: 10px;
text-align: left;
}
a:link, a:visited, a:active {
color: #ffffff;
}
a:hover {
color: #98f4ea;
}
a.mp:link, a.mp:visited, a.mp:active,
a.mp1:link, a.mp1:visited, a.mp1:active {
color: #a3b1ac;
text-decoration: none;
}
a.mp:hover, a.mp1:hover {
color: #98f4ea;
text-decoration: none;
}
form {
padding: 10px;
margin: 0px;
margin-top: 20px;
width: 420px;
text-align: left;
}
select {
border-style: solid;
border-width: 1px;
border-color: #999999;
background-color: #e1ffff;
padding: 0;
margin: 5px;
font-size: 11px;
color: #000000;
}
option {
border: none;
background-color: #e1ffff;
padding: 0px 2px 0px 2px;
margin: 0;
font-size: 11px;
color: #000000;
}
input,textarea{
border-style: solid;
border-width: 1px;
border-color: #999999;
background-color: #e1ffff;
padding: 2px 2px 2px 5px;
margin: 5px;
font-size: 11px;
color: #000000;
width: 270px;
vertical-align: baseline;
}
.submit,.reset {
width: auto;
background-color: #36a0a5;
border: 1px solid #dedede;
font-weight: bold;
color: #ffffff;
padding: 2px 5px 2px 5px;
}
.beschriftung{
width: 110px;
line-height: 200%;
float: left;
clear: left;
vertical-align: baseline;
color: #333333;
font-size: 10px;
font-weight: bold;
text-align: right;
}
</style>
</head>
<body>
<div id="container">
<div id="kopf"> </div>
<div id="menue"> <a href="http://www.free-css.com/" class="mp1">» Home</a> <a href="uebermich.php" class="mp">» Über mich</a> <a href="bildergalerie.php" class="mp">» Bildergalerie</a> <a href="gaestebuch.php" class="mp">» Gästebuch</a> <a href="links.php" class="mp">» Links</a> <a href="kontakt.php" class="mp">» Kontakt</a> <a href="impressum.php" class="mp">» Impressum</a> </div>
<div id="contentkopf"> </div>
<div id="content">
<div id="sidebar">
<h2>» Aktuelles</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<h2>» Partnerseiten</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p align="center"><a href="http://validator.w3.org/check?uri=referer"><img border="0" src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01!" height="31" width="88" /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /></a></p>
</div>
<div id="inhalt">
<h1>» Bildergalerie</h1>
<p>Erg?en Sie diese kostenlose Homepage Vorlage einfach durch Ihre eigenen Texte und Bilder.</p>
<p><strong>Mit den besten W?n f?en erfolgreichen Internetauftritt<br />
Ihre Sabine Kunkel-D?</strong></p>
</div>
</div>
<div id="fuss"> Design by <a href="http://www.hpvorlagen24.de">www.hpvorlagen24.de</a> copyright © 2005 </div>
</div>
</body>
</html>
Related examples in the same category