hallo,
ik heb een website gemaakt, met css.
echter, wat ik ook doe , de linkermarge voor de mainpart komt maar niet in beeld.zie image w1
de tekst blijft tegen de linkerkant geplakt
dit zijn mn styles:
het stikt van de padding lefts maar lauw loene, er gebeurt niets. zie image w2
wat gaat er hier fout?
zie helemaal onderaan de code van mn html file
html code:
ik heb een website gemaakt, met css.
echter, wat ik ook doe , de linkermarge voor de mainpart komt maar niet in beeld.zie image w1
de tekst blijft tegen de linkerkant geplakt
dit zijn mn styles:
het stikt van de padding lefts maar lauw loene, er gebeurt niets. zie image w2
wat gaat er hier fout?
zie helemaal onderaan de code van mn html file
Code:
<style type="text/css">
<!--
body {
height: 500px;
width: 780px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#wrapper {
width:780px; /* or a percentage, or whatever */
}
#main {
font-family: Verdana, Geneva, sans-serif;
height: 495px;
font-size: 12px;
color: #666;
border-top-width: 5px;
border-right-width: 1px;
border-bottom-width: 5px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #09F;
border-right-color: #09F;
border-bottom-color: #09F;
border-left-color: #09F;
width: 780px;
padding-left: 30px;
}
p {
padding-left: 20px;
margin-left: 20px;
}
#menu {
font-family: Verdana, Geneva, sans-serif;
background-color: #09F;
float: left;
width: 214px;
height: 500px;
border-top-color: #09F;
border-right-color: #09F;
border-bottom-color: #09F;
border-left-color: #09F;
font-size: 12px;
color: #333;
}
#footer {
clear: both;
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
color: #333;
border-top-width: 5px;
border-top-style: solid;
border-top-color: #09F;
border-right-color: #09F;
border-bottom-color: #09F;
border-left-color: #09F;
margin-top: 5px;
width: 782px;
}
#header {
height: 120px;
width: 760px;
font-family: Papyrus;
font-size: 18px;
color: #000;
text-align: right;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: 5px;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #09F;
border-right-color: #09F;
border-bottom-color: #09F;
border-left-color: #09F;
margin-bottom: 5px;
vertical-align: baseline;
padding-right: 20px;
}
.titel {
font-family: Papyrus;
font-size: 24px;
color: #000;
padding-right: 10px;
padding-bottom: 10px;
}
h1 {
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
font-weight: bold;
color: #000;
}
#footer a {
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
text-decoration: none;
color: #000;
}
#footer a:hover {
color: #09F;
}
a {
}
#main p a {
color: #666;
text-decoration: none;
margin-left: 30px;
}
#main p a:hover {
color: #09F;
}
.floatright {
float: right;
}
.tekst {
background-color: #9C0;
padding-left: 30px;
}
-->
</style>html code:
HTML:
<body id="wrapper">
<div id="header">
<p> </p>
<p>Mr. W.C. Dieleman, advocaat</p>
</div>
<div id="menu"><br />
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="../index.html">welkom</a></li>
<li><a href="../werkzaamheden.html" class="MenuBarItemSubmenu">werkzaamheden</a>
<ul>
<li><a href="../strafbare_feiten.html">strafbare feiten</a></li>
<li><a href="../praktische_informatie.html">praktische informatie</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="../organisatie.html">organisatie</a>
<ul>
<li><a href="../disclaimer.html">disclaimer</a></li>
<li><a href="../algemene_voorwaarden.html">algemene voorwaarden</a></li>
</ul>
</li>
<li><a href="../kosten.html" class="MenuBarItemSubmenu">kosten</a>
<ul>
<li><a href="../honorarium.html">honorarium</a></li>
<li><a href="../gefinancierde_rechtshulp.html">gefinancierde rechtshulp</a></li>
<li><a href="../bijkomende_kosten.html">bijkomende kosten</a></li>
</ul>
</li>
<li><a href="../contact.html">contact</a>
</li>
</ul>
</div>
<div id="main">
<h1><!-- TemplateBeginEditable name="EditRegion1" -->EditRegion1<!-- TemplateEndEditable --></h1>
<div class="tekst"><!-- TemplateBeginEditable name="EditRegion2" -->EditRegion2
<!-- TemplateEndEditable --></div>
</div>
<div id="footer"><div class="floatright"><a href="../index.html">home</a> | <a href="../contact.html">contact</a></div>© <a href="http://www.webredactiezeeuwsvlaanderen.nl" target="_blank">webredactie zeeuws-vlaanderen</a></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
