Hoe kan ik mijn div #menu even lang maken als mijn #content?
template:
style
template:
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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="../stijlen/style2.css" rel="stylesheet" type="text/css" />
<title>title</title>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="main">
<div id="left">
<div id="menu">
<ul>
<li><a href="../index.html">Home</a></li>
<li><a href="../html/producten.html">Producten</a></li>
<li><a href="../html/kwaliteit.html">Kwaliteit</a></li>
<li><a href="../html/Contact.html">Contact</a></li>
</ul>
</div>
</div>
<div id="right"><!-- TemplateBeginEditable name="content" -->
<div class="content">
<p> </p>
</div>
<!-- TemplateEndEditable -->
</div>
<div class="clear"></div>
</div>
<div id="footer">
<div id="copyright">
<span>© Copyright FAVORIT nv.<br /> All rights reserved.</span>
</div>
</div>
<div id="footerend"></div>
</div>
</div>
</body>
</html>style
Code:
@charset "utf-8";
body {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00000;
background-color: #5ba0d6;
margin: 0px;
padding: 0px;
}
* {margin:0px;padding:0px;}
.clear{clear:both;}
#container {
width: 979px;
margin: 0px auto;
}
/***************** header ***********************/
#header {
background-image:url(../afbeeldingen/header.png);
width:979px;
height:232px;
display:block;
}
/***************** main ***********************/
#main {
width:979px;
background-image: url(../afbeeldingen/border.gif);
background-repeat: repeat-y;
margin: 0px 12px 0px 0px;
background-color: #abe4fe;
}
#left {
width:0px;
float:left;
display:inline;
background-image:url(../afbeeldingen/contentbg.gif);
background-color:#abe4fe;
margin-left: 12px;
}
#right {
float:right;
width:630px;
}
.lastchild{
border-bottom: none !important;
}
/***************** menu ***********************/
#menu {
width:250px;
margin-left:53px;
background-image: url(../afbeeldingen/menu2.png);
background-repeat: repeat-y;
margin-bottom: 0px;
float: left;
}
#menu ul {
padding: 30px 0px 0px 0px;
width:220px;
margin-left:15px;
}
#menu li {
border-bottom: 1px dotted #2e2304;
list-style-type: none;
text-align:right;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 0px;
}
#menu a {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: 900;
color: #2e260f;
text-decoration: none;
font-size: 14px;
}
#menu a:hover {
color:#c40000;
}
/***************** Content ***********************/
.content {
width:600px;
}
.content h3 {
width:520px;
height:33px;
overflow:hidden;
font-family: "Brush Script MT";
font-size: 36px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
color: #FFF;
}
.content p {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: italic;
color: #003a65;
padding: 10px 0px 0px 6px;
font-weight:900;
}
td {
color: #003a65;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: italic;
font-weight: 900;
}
/***************** Footer ***********************/
#footer {
background-color:#8bcaef;
background-image:url(../afbeeldingen/borderfooter.gif);
height:74px;
width:979px;
}
#footerend {
background-image:url(../afbeeldingen/borderfooterend.gif);
background-repeat: no-repeat;
width:979px;
height:9px;
display:block;
}
#copyright {
background-image:url(../afbeeldingen/menubottom.jpg);
background-repeat:no-repeat;
width:220px;
height:43px;
display:inline;
margin-left:60px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 800;
color: #463d16;
text-align:center;
padding-top: 30px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
#copyright a {
font-family: Arial, Helvetica, sans-serif;
color: #463d16;
}
