Als ik tekst wil invoegen en de regel eronder wil doorgaan wordt
die nieuwe regel een alinea ipv een regel eronder. Is het een css probleem of heb ik iets verkeerd geplaatst ?
CSS
Code: Select all
#navbar {
margin: 0;
padding: 0;
height: 1em;
}
#navbar li {
list-style: none;
float: left;
}
#navbar li a {
display: block;
padding: 3px 8px;
color: black;
text-decoration: none;
}
#navbar li a:hover{
color:red;
font-weight:normal;
padding:0px 0px 0px 0px;
}
#navbar li ul {
display: none;
width: 150px ;
}
#navbar li:hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
}
#navbar li:hover li {
float: none;
}
#navbar li:hover li a {
border-bottom: 1px solid #fff;
color: white;
}
#navbar li li a:hover {
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
}
#navbar li:hover li, #navbar li.hover li {
float: none;
}
#navbar li:hover li a, #navbar li.hover li a {
border-bottom: 1px solid #fff;
color: black;
background:#eff6f8;
}
#navbar li ul li a:hover{
color:red;
}
*{
margin:0px;
padding:0px;
}
img{
border:0px;
}
.floatl{
float:left;
}
.floatr{
float:right;
}
.clear{
clear:both;
}
body{
background:#eff6f8;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#container{
width:900px;
margin:auto;
}
/*css for header starts here*/
.header{
height: 392px;
}
.header img {
border-style:solid;
border-color:#BDBDBD;/*#D8D8D8*/
border-width:10px;
margin-top:20px;
}
.info{
font-size:25px;
color:#eff6f8;
padding-top:170px;
padding-left:285px;
}
.logo{
padding-top:15px;
}
.top-links ul{
list-style:none;
padding-top:23px;
}
.top-links li{
float:left;
color:red;
padding-left:15px;
}
.top-links li a{
text-decoration: none;
color: #7E8284;
font-size: 16px;
}
.top-links li a:hover{
color:red;
}
.top-links li a.active{
color:#383a3b;
}
/*css for content-box starts here*/
.content-box{
padding:30px 0px 20px 0px;
}
/*css for left col starts here*/
.left-col{
width:247px;
}
/*css for right col starts here*/
.right-col{
width:615px;
}
.main-content{
padding-bottom:10px;
line-height:22px;
color:#737a7c;
}
a{color:#737a7c;
text-decoration:underline;}
a:hover{text-decoration:none;}
h1, h2, h3, h4{line-height:normal;}
.main-content h1{
color:#0f0600;
font-size:22px;
font-weight:normal;
padding-bottom:5px;
margin-bottom: 10px;
}
.main-content span{
color:#094e76;
font-weight:bold;
}
.main-content p{
line-height:22px;
color:#737a7c;
padding:20px 0px;
}
.services-section{
padding-top:40px;
}
.services-section h1{
color:#0f0600;
font-size:25px;
font-weight:normal;
padding-bottom:5px;
}
.services-section span{
color:#094e76;
font-weight:bold;
}
.services-section ul{
list-style:none;
padding-top:20px;
}
.services-section li{
width:265px;
background:url(images/villa/dotted-bg.gif) bottom left repeat-x;
line-height:32px;
color:#737a7c;
}
.services-section li a{
text-decoration:none;
background:url(images/villa/services-list-bullets.gif) left 3px no-repeat;
padding-left:15px;
color:#737a7c;
}
.art-section{
width:285px;
padding-top:40px;
}
.art-section h1{
color:#0f0600;
font-size:25px;
font-weight:normal;
padding-bottom:5px;
}
.art-section span{
color:#094e76;
font-weight:bold;
}
.art-section p{
line-height:22px;
color:#737a7c;
padding:20px 0px;
}
/*css for footer starts here*/
.footer-links{
font-size:11px;
text-align:center;
width:900px;
color:#eff6f8;
background:url(images/villa/footer-bg.gif) top left repeat-x;
padding-bottom:10px;
}
.footer-links ul{
list-style:none;
padding:14px 0 0 272px;
}
.footer-links li{
float:left;
margin-bottom:5px;
margin-right:9px;
color:#eff6f8;
margin-bottom:5px;
font-size:13px;
}
.footer-links li a{
text-decoration:none;
color:#eff6f8;
}
/* inner pages css start */
.aboutus-img{float:right; border:4px solid #fff; margin:0 0px 10px 20px;}
h5{font-size:15px;font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #fff; margin:0px 0px 10px 0px;}
h6{font-size:16px; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#000; background:#ffc850; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0; border:1px solid #5b7a92;}
input.button:hover{cursor:pointer; color:#fff; background:#663300; border:1px solid #ffc850;}
.project-img{float:right; margin-left:20px; border: 6px solid #fff;}
.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100; padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #fff; padding-bottom:10px; padding-right:20px}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */
Code: Select all
<!DOCTYPE html>
<__html>
<head>
<title>Villa</title>
{stylesheet}
</head>
</__body>
<div id="container">
<div class="header">
<div class="top-links floatr">
<ul id="navbar">
{menu start_level="1" template="minimal_menu.tpl"}
<div class="clear"></div>
</div>
<div id="kader">
<img src="images/villa/horizontaal-zwembad.jpg" />
</div>
<div class="clear"></div>
<div class="info"></div>
</div>
<div class="content-box">
<div class="left-col floatl">
<img alt="" height="351" src="images/villa/villa-verticaal.jpg" width="188" /></div>
<div class="right-col floatr" style="height: 361px">
<div class="main-content">
<h1>Villa</h1>
<div>
{content}
<div>
<br />
<br />
<br />
<br />
</div>
</div>
</div>
</div>
<div class="clear">
</div>
</div>
<div class="footer-links">
<ul>
</ul>
© Copyright Informatie | Alle rechten voorbehouden
</div>
<div class="clear"></div>
</div>
<__body>
</__html>
