[CSS] Margin menu...

Status
Niet open voor verdere reacties.
Pffffffffffff,
valt niet altijd mee.....

PHP:
<!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"/>
<style type="text/css" >
/* Body */
body {
	background-color:#333333;
	font-family: "Verdana","Helvetica","Arial";
	font-size:small;
	color:#DE2118;
margin:0;
}

/* Container */

#container {
	width:800px;
	height:100%;
	margin-top:5px;
	background-color:#e1e1e1;
margin:auto;
}

/* Logo & Banner */

#topcontainer {
    width:765px;
	height:150px;
    margin-left:13px;
	padding-top:10px;
}

.logo {
    width: 146px;
	height:150px;
    float: left;
    background:url(http://www.chiro-oostmalle.be/qualitas/images/logo.gif); 
	border: 1px solid #FFFFFF;
}
.banner {
    width: 603px;
	height:150px;
    float: right;
    background:url(http://www.chiro-oostmalle.be/qualitas/images/banner.gif);
	border: 1px solid #FFFFFF; 
}
/* ContentTainer */

#maincontainer{
  	width:765px;
	height:100%;
background-color:#00ff00;

}

/* Menu */

#menu {
    width: 142px;
 padding-left:14px;
 float: left;
 }

#menu ul {
    margin: 0;
    padding: 0;
    list-style-type:none;
    font-family: verdana, arial, sanf-serif;
    font-size: 12px;

}

#menu li {
margin-top: -1px;
}

#menu a {
    display: block;
    width:142px;
    padding: 2px 2px 5px 2px;
    background-color: #DE2118;
    color:#FFFFFF;
    text-decoration: none; 
    font-weight: bold;
}

#menu a:link{
    color:#FFFFFF;
}

#menu a:active{
    color:#FFFFFF;
}

#menu a:visited{
     color:#FFFFFF;
}
#menu a:hover{
    color:#DE2118;
    background-color:#FFFFFF;
    text-align:right;
}

/* Content */

#content {
    width: 560px;
 float: right;
	height: 100%;
	border:2px solid #ff0000;
padding:10px;
margin-right:1px;
background-color:#ffff00;

}

</style>
		<title>
			:: Qualitas ::
		</title>
	</head>
	
	<body>
		<div id="container">
			<div id="topcontainer">
				<div class="logo">
				</div>
				<div class="banner">
				</div>

				<div style="clear:both">

				</div>
			</div>
				<div id="maincontainer" >
			<div id="menu" >
				  
				<ul>
					<li>
					<a href="index.html" title="home">Home</a>
					</li>
					<li>
					<a href="about.html" title="about">About Us</a>
					</li>
					<li>
					<a href="products.html" title="products">Products</a>
					</li>
					<li>
					<a href="contact.html" title="contact">Contact</a>
					</li>
					<li>
					<a href="links.html" title="links">Links</a>
					</li>
				</ul>
			</div>
			<div id="content">
				****
				<br>
				Oppervlakkige roest
				<br>
				
				Kleine oppervlakkige roestplekjes heel goed schoon maken. 
				<br>
				<br>
				Er mag echt geen plekje meer te zien zijn. Als er nog bruine plekjes
				overblijven, gaat het roesten gewoon door. Daarna glad plamuren. 
				<br>
				Als je plamuur opbrengt, schuur deze dan dezelfde dag strak en dek het daarna
				af met een goede grondverf (2-componenten epoxyprimer). 
				<br>
				<br>
				Of de auto moet in een droge * liefst verwarmde * ruimte staan. Staat de auto
				in een vochtige ruimte, dan trekt het plamuur vocht aan en dat slaat weer door
				naar het plaatwerk onder de plamuur. 
				<br>
				Met als gevolg roest.
				<br>
				<br>
				Hierna het oppervlak weer spuiten zoals reeds beschreven.
				<br>
				<br>
				<br>
				
			</div>	<div style="clear:both">
				</div>
		</div>
		
	</body>
</html>

:cool:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan