Grafische interesse |
|
ik ben pas begonnen met het leren van scripts , ik ben eens de tutorials aant bekijken op deze site, maar bij de css tutorial "z-index"
komen er geen blokken
mss is het een domme fout ofzo , mja kben pas begonne
<head>
<style type="text/css">...
#hoofdblok {...}
{ position:relative; left: 100px; top: 20px; width: 500px; height: 200px; background:#000000; color:#ffffff }
#geleblok {...}
{ position:absolute; left: 30px; top: 50px; width: 250px; height: 100px; background:#ffff00; color:#000000 }
#groeneblok{...}
{ position:absolute; left: 30px; top: 30px; width: 100px; height: 50px; background:#00c000; color:#000000 }
</style>
</head>
<body>
<div id="hoofdblok">
Dit is de hoofdblok
</div>
<div id="geleblok">
Dit is de gele blok
</div>
<div id="groeneblok">
Dit is de groene blok
</div>
</body>
<head> <style type="text/css">... #hoofdblok {...} { position:relative; left: 100px; top: 20px; width: 500px; height: 200px; background:#000000; color:#ffffff } #geleblok {...} { position:absolute; left: 30px; top: 50px; width: 250px; height: 100px; background:#ffff00; color:#000000 } #groeneblok{...} { position:absolute; left: 30px; top: 30px; width: 100px; height: 50px; background:#00c000; color:#000000 } </style> </head> <body> <div id="hoofdblok"> Dit is de hoofdblok </div> <div id="geleblok"> Dit is de gele blok </div> <div id="groeneblok"> Dit is de groene blok </div> </body>
|