login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Border rond #container (Opgelost)

Offline radiofreak - 14/04/2010 16:55
Avatar van radiofreakNieuw lid Hello,

Kan er iemand mij helpen met mijn website in HTML en CSS?
Ik heb het volgende in mijn CSS-file ingegeven...

css code - Bekijk de code zonder highlighting - Klap code in 
  1. div#container
  2. {
  3. 	text-align: center;
  4. 	width: 1024px;
  5. 	height: auto;
  6. 	vertical-align: top;
  7. 	margin: auto auto;
  8.         border: 3px solid #fff;
  9. }

Helaas krijg ik geen border te zien rond mijn container...
De website is http://www.apropeau.net/muzzic/index.html

Alvast bedankt!

Radiofreak

8 antwoorden

Gesponsorde links
Offline larssy1 - 14/04/2010 17:58
Avatar van larssy1 MySQL beginner werkt goed op mijn manier 

Maak in je div een class.
dan word het .container in plaats van div#container

hier mijn code:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. <!--
  8. .container {
  9. 	text-align: center;
  10. 	width: 1024px;
  11. 	height: auto;
  12. 	vertical-align: top;
  13. 	margin: auto auto;
  14. 	border: 3px solid #000;
  15. }
  16. -->
  18. </head>
  19.  
  21. <div class="container">Content for  class "container" Goes Here</div>
  22. </body>
  23. </html>
Offline lemoinet - 14/04/2010 18:16 (laatste wijziging 14/04/2010 18:17)
Avatar van lemoinet PHP gevorderde @larssy1
het veranderen van id naar class is compleet nutteloos.

je moet
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="clear:both;"></div>

toevoegen in je container-div.
Offline radiofreak - 14/04/2010 18:35
Avatar van radiofreak Nieuw lid Heb de code toegevoegd aan mijn container-div maar er is nog niets veranderd.
Je kan de wijzigingen volgen via http://www.apropeau.net/muzzic/index.html
Offline lemoinet - 14/04/2010 18:38
Avatar van lemoinet PHP gevorderde in je div, niet aan je div

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="container">
  2.       ...
  3.       <div id="footer"></div>
  4.       <div style="clear:both;"></div>
  5. </div>
Offline radiofreak - 14/04/2010 18:42
Avatar van radiofreak Nieuw lid Nog niets veranderd...
Offline larssy1 - 14/04/2010 18:44
Avatar van larssy1 MySQL beginner Kun je je code miss geven??
Offline WouterJ - 14/04/2010 18:45
Avatar van WouterJ HTML gevorderde Er is wel een border te zien. Kijk maar eens goed bovenin en onderin, je ziet een kleine border aan de boven/onderkant.

Je hebt de border goed aangegeven.
Maar omdat de div's die erin zitten geen border hebben is de border niet zichtbaar.

Probeer eens <body> een border mee te geven i.p.v. de container:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. body{
  2. border: 3px solid #FFF;
  3. }


@lemoinet, je kan beter met een Stylesheet werken. Dat doet radiiofreak ook. Dus dan wordt het:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #container{
  2. clear: both;
  3. }

@radiofreak, je hoeft niet persee div# ervoor te zetten alleen # is ook al genoeg.
Bedankt door: radiofreak
Offline radiofreak - 14/04/2010 18:49
Avatar van radiofreak Nieuw lid Dankjewel!! Het is opgelost, als je suggesties hebt om de website nog beter te maken, laat maar komen! Nogmaals bedankt! 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.188s