login  Naam:   Wachtwoord: 
Registreer je!
 Forum

tutorial css

Offline dufes - 27/03/2005 13:19 (laatste wijziging 27/03/2005 13:19)
Avatar van dufesGrafische 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 
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <head>
  2. <style type="text/css">...
  3. #hoofdblok {...}
  4. { position:relative; left: 100px; top: 20px; width: 500px; height: 200px; background:#000000; color:#ffffff }
  5. #geleblok {...}
  6. { position:absolute; left: 30px; top: 50px; width: 250px; height: 100px; background:#ffff00; color:#000000 }
  7. #groeneblok{...}
  8. { position:absolute; left: 30px; top: 30px; width: 100px; height: 50px; background:#00c000; color:#000000 }
  9. </style>
  10. </head>
  11.  
  12. <body>
  13. <div id="hoofdblok">
  14. Dit is de hoofdblok
  15. </div>
  16. <div id="geleblok">
  17. Dit is de gele blok
  18. </div>
  19. <div id="groeneblok">
  20. Dit is de groene blok
  21. </div>
  22. </body>

3 antwoorden

Gesponsorde links
Offline flAming - 27/03/2005 13:24
Avatar van flAming HTML beginner Waarom zet je eerst {...} en vervolgens pas de goede opmaak?
Je moet dat stuk telkens even weghalen.. 
Offline Legolas - 27/03/2005 13:58
Avatar van Legolas Onbekend Waarom heb je bij de stylesheets je DIV's geen z-index gegeven????
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <head>
  2. <style type="text/css">...
  3. #hoofdblok{ position:relative; left: 100px; top: 20px; width: 500px; height: 200px; background:#000000; color:#ffffff; z-index:1; }
  4. #geleblok{ position:absolute; left: 30px; top: 50px; width: 250px; height: 100px; background:#ffff00; color:#000000; z-index:2; }
  5. #groeneblok{ position:absolute; left: 30px; top: 30px; width: 100px; height: 50px; background:#00c000; color:#000000; z-index:3; }
  6. </style>
  7. </head>
  8.  
  9. <body>
  10. <div id="hoofdblok">
  11. Dit is de hoofdblok
  12. </div>
  13. <div id="geleblok">
  14. Dit is de gele blok
  15. </div>
  16. <div id="groeneblok">
  17. Dit is de groene blok
  18. </div>
  19. </body>

Zoiets?
Offline dufes - 27/03/2005 14:21
Avatar van dufes Grafische interesse dat was het volgende deel 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.178s