Beste leden. Ik ben momenteel bezig met mijn html 5 en css3 traject.
Ik heb besloten om gewoon een simple index te maken.
PHP
<!doctype html>
<html>
<head>
<title> The magic bux script </title>
<!--Description meta tags-->
<meta name="description" content="
Bux site : The best paid-to-click service provider in the world.
We are high classiefied experts at providing high traffic rate's.
See your business solutions growing and get more bang out of your bucks.
We can consitter that we are the most used an best paid-to-click service.
©Bux Corporation.
" />
<!--Description keywords-->
<meta name="keywords" content="
Referal,bux,product advertisements,traffic,online,
golden,forum,referral link,instant,exposure,referal renting,
advertising,comunity,referals,payement,get payed for,
money,view advertisements,get,instant payement,payement proofs,
online,traffic to website,payed,referral link,forum
exposed,sales management,to,free money,bigbux,fastbux,cheapbux,
alertpay,neteller,gptc,worldwide,photohraphy exposure,freebux,
" />
<!--Description Founder-->
<meta name="author" content="
Bux Site
company name
" />
<meta charset="utf-8" />
<!-- Java / css -->
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Header -->
<header>
<div id="logo">BUX</div>
<div id="buttons">
<input type="button" name="View advetisements" value="View advertisements">
<input type="button" name="Forum" value="Forum">
<input type="button" name="Register" value="Register">
<input type="button" name="Login" value ="Login">
<select>
<option value="english">English</option>
<option value="nederlands">Nederlands</option>
<option value="brazillia">Brazillia</option>
</select>
</div>
</header>
<div id="spacer"></div>
<!-- artikels -->
<div id="wrapper">
<section class="dikkerand">
<article>
<h2> Voorbeeld artikel </h2>
Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen.
Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw,
toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken.
overgenomen in elektronische letterzetting.
Het is in de jaren '60 populair geworden met de introductie van Letraset vellen met Lorem
Ipsum passages en meer recentelijk door desktop publishing software zoals Aldus
PageMaker die versies van Lorem Ipsum bevatten.
</article>
</section>
<section class="dikkerand">
<article>
<h2> Voorbeeld artikel </h2>
Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen.
Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw,
toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken.
overgenomen in elektronische letterzetting.
Het is in de jaren '60 populair geworden met de introductie van Letraset vellen met Lorem
Ipsum passages en meer recentelijk door desktop publishing software zoals Aldus
PageMaker die versies van Lorem Ipsum bevatten.
</article>
</section>
<!--Footer-->
<footer class="dikkerand">
<p>© 2012 - 2020 Bux Site , corporation.<br>
All rights reserverd.
</p>
</footer>
</div>
</body>
</html>PHP
/*
The BUX PTC , written in html5/css3/PHP5/MYSQLI/jqeury/javascript/flash.
All rights reserved : The bux corporation.
Dave schaafsma.
*/
/* Begin header settings*/
header{
background :yellow;
max-height :75px;
min-height :75px;
}
body{
font-family:Arial;
background:silver;
}
#spacer{
background:tomato;
max-height:7px;
min-height:7px;
}
#logo{
font-family:Arial;
font-size:30px;
min-width:900px;
max-width:900px;
}
article{
background:white;
}
footer{
background:white;
}
#wrapper{
margin: 0 auto;
min-width:900px;
max-width:900px;
}
.dikkerand{
border: 5px solid white;
border-radius:3px 3px 3px 3px;
margin-top:15px;
}
#buttons{
float:right;
max-width:900px;
min-width:900px;
}De gehele content verkleint niet wat doe ik fout ? De pagina is volledig html5 valid en css3.
