PHP ver gevorderde |
|
Ok, het werkt nu in FF en in Opera, maar in IE nog altijd niet Hier de volledige code:
<body>
<div id="bovenblok">
<div id="titel">
<div id="zoeken">
<form action="/">
<div>
<input onfocus="if(this.value == 'Doorzoek deze blog...') { this.value = ''; }" value="Doorzoek deze blog..." type="text" value="Doorzoek deze blog..." name="zoekterm" id="zoekterm" placeholder="Zoeken..." />
</div>
</div>
<div id="menu">
<ul>
<li><a href="#">Test</a></li>
<li><a href="#">Test1</a></li>
<li><a href="#">Test2</a></li>
<li><a href="#">Test3</a></li>
<li><a href="#">Test4</a></li>
</ul>
</div>
</div>
</div>
<div id="middenblok">
<div id="inhoud">
<div id="rechterbalk">
<h2>Zijbalk</h2>
Hier wat tekst
<div class="scheiding"></div>
<h2>Zijbalk2</h2>
Hier nog wat tekst
<ul>
<li>Testlijst!</li>
</ul>
</div>
<div id="linkerbalk">
<h1>Onderwerp > </h1>
<div class="ondertitel">Testje</div>
Test van tekst
<ul>
<li>Test!</li>
<li>Een lijst</li>
</ul>
<h1>Onderwerp B > </h1>
<div class="ondertitel">Testje - [Meer lezen...]</div>
BOE
</div>
</div>
</div>
</body>
<body> <div id="bovenblok"> <div id="titel"> <div id="zoeken"> <form action="/"> <div> <input onfocus="if(this.value == 'Doorzoek deze blog...') { this.value = ''; }" value="Doorzoek deze blog..." type="text" value="Doorzoek deze blog..." name="zoekterm" id="zoekterm" placeholder="Zoeken..." /> </div> </div> <div id="menu"> <ul> <li><a href="#">Test</a></li> <li><a href="#">Test1</a></li> <li><a href="#">Test2</a></li> <li><a href="#">Test3</a></li> <li><a href="#">Test4</a></li> </ul> </div> </div> </div> <div id="middenblok"> <div id="inhoud"> <div id="rechterbalk"> <h2>Zijbalk</h2> Hier wat tekst <div class="scheiding"></div> <h2>Zijbalk2</h2> Hier nog wat tekst <ul> <li>Testlijst!</li> </ul> </div> <div id="linkerbalk"> <h1>Onderwerp > </h1> <div class="ondertitel">Testje</div> Test van tekst <ul> <li>Test!</li> <li>Een lijst</li> </ul> <h1>Onderwerp B > </h1> <div class="ondertitel">Testje - [Meer lezen...]</div> BOE </div> </div> </div> </body>
en de CSS:
#bovenblok {
background-image: url(../afbeeldingen/titel.jpg);
background-position: top center;
background-repeat: no-repeat;
margin-top: 8px;
padding: 0px;
spacing: 0px;
}
#titel {
width: 690px;
height: 125px;
margin: 0 auto;
}
#menu {
color: #FFFFFF;
font-size: 13px;
padding-top: 90px;
}
#menu ul {
padding: 0;
}
#menu li, #menu li a {
display: inline;
background: none;
margin-right: 5px;
}
#menu li a {
color: #99CCFF;
text-decoration: none;
border-bottom: 2px;
}
#menu li a:hover {
color: #99CCFF;
border-bottom: 2px solid #FFFFFF;
margin-bottom: auto;
}
#zoeken {
float: right;
margin: 0;
padding-top: 90px;
}
#middenblok {
margin: 0 auto;
background-image: url(../afbeeldingen/middenblok.jpg);
background-position: center;
background-repeat: repeat-y;
}
#inhoud {
width: 690px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}
#rechterbalk {
width: 214px;
padding-left: 15px;
float: right;
}
#linkerbalk {
width: 445px;
padding: 0px;
padding-bottom: 15px;
margin: 0;
}
.ondertitel {
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 5px;
border-bottom: 1px solid #CCCCCC;
}
div.scheiding {
border-bottom: dashed 1px #CCCCCC;
margin: 10px 0 15px 0;
padding: 0;
}
h1, h2, h3 {
color: #1B4CA2;
font-weight: bold;
padding: 0;
}
h1 {
font-family: Georgia, "Trebuchet MS", Times, serif;
font-size: 19px;
margin: 0px;
padding: 25px 0 5px 0;
}
h2 {
font-size: 17px;
margin: 20px 0 10px 0;
}
h3 {
font-size: 15px;
margin-bottom: 5px;
}
#bovenblok { background-image: url(../afbeeldingen/titel.jpg); background-position: top center; background-repeat: no-repeat; margin-top: 8px; padding: 0px; spacing: 0px; } #titel { width: 690px; height: 125px; margin: 0 auto; } #menu { color: #FFFFFF; font-size: 13px; padding-top: 90px; } #menu ul { padding: 0; } #menu li, #menu li a { display: inline; background: none; margin-right: 5px; } #menu li a { color: #99CCFF; text-decoration: none; border-bottom: 2px; } #menu li a:hover { color: #99CCFF; border-bottom: 2px solid #FFFFFF; margin-bottom: auto; } #zoeken { float: right; margin: 0; padding-top: 90px; } #middenblok { margin: 0 auto; background-image: url(../afbeeldingen/middenblok.jpg); background-position: center; background-repeat: repeat-y; } #inhoud { width: 690px; margin-left: auto; margin-right: auto; margin-bottom: 0px; } #rechterbalk { width: 214px; padding-left: 15px; float: right; } #linkerbalk { width: 445px; padding: 0px; padding-bottom: 15px; margin: 0; } .ondertitel { font-size: 9px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; border-bottom: 1px solid #CCCCCC; } div.scheiding { border-bottom: dashed 1px #CCCCCC; margin: 10px 0 15px 0; padding: 0; } h1, h2, h3 { color: #1B4CA2; font-weight: bold; padding: 0; } h1 { font-family: Georgia, "Trebuchet MS", Times, serif; font-size: 19px; margin: 0px; padding: 25px 0 5px 0; } h2 { font-size: 17px; margin: 20px 0 10px 0; } h3 { font-size: 15px; margin-bottom: 5px; }
|