login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Header en banner

Offline Rob - 28/09/2005 21:32
Avatar van RobHTML interesse
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <link rel="stylesheet" href="css.css" type="text/css" />
  2. </head>
  3.  
  4. <body>
  5. <div class="container">
  6. <div class="header"><img src="banner.gif" alt="0"></


Het probleem is dat mijn banner wel mooi in het midden (rechts-links) komt te staan, maar dat hij niet mooi in het midden (boven-onder) komt te staan.

Kan iemand mij helpen?

NB: Mijn bannerformaat is 468 x 60

7 antwoorden

Gesponsorde links
Offline marten - 28/09/2005 21:34
Avatar van marten Beheerder ZOu je dan je css eens willen posten?
Offline Steven - 28/09/2005 21:34
Avatar van Steven HTML interesse valign="middle"
Offline Rob - 28/09/2005 21:41
Avatar van Rob HTML interesse @marten dit is mijn css

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>Pokemon site</title>
  4. <link rel="stylesheet" href="css.css" type="text/css" />
  5. </head>
  6.  
  7. <body>
  8. <div class="container">
  9. <div class="header"></div>
  10.  
  11. <div class="box">
  12. <div class="boxtop">Boxtop</div>
  13. <div class="boxcontent">Boxcontent</div>
  14. <div class="boxbottom"></div>
  15.  
  16. <div class="boxtop">Boxtop</div>
  17. <div class="boxcontent">Boxcontent</div>
  18. <div class="boxbottom"></div>
  19. </div>
  20.  
  21. <div class="content">
  22. <div class="contenttop">contenttop</div>
  23. <div class="contentmid">contentcontent</div>
  24. <div class="contentbottom"></div>
  25. <div class="footer">Copyright Ultimatum, 2005 - 2006 ©</div>
  26. </div>
  27.  
  28. <div class="box">
  29. <div class="boxtop">Boxtop</div>
  30. <div class="boxcontent">Boxcontent</div>
  31. <div class="boxbottom"></div>
  32.  
  33. <div class="boxtop">Boxtop</div>
  34. <div class="boxcontent">Boxcontent</div>
  35. <div class="boxbottom"></div>
  36. </div>
  37.  
  38. </div>
  39. </body>
  40. </html>
Offline marten - 28/09/2005 21:44
Avatar van marten Beheerder nee dat is je code

Post hiervan de code --> bestand --> css.css
Offline Rob - 28/09/2005 21:48
Avatar van Rob HTML interesse
php code - Bekijk de code zonder highlighting - Klap code in 
  1. body {
  2. 	font-family: Arial, Helvetica, sans-serif;
  3. 	font-size: 10px;
  4. 	color: #000000;
  5. 	text-align: center;
  6. 	background-color: #A35A3D;
  7.  
  8. }
  9.  
  10. .container {
  11. 	width: 1000px;
  12. 	margin-left: auto;
  13. 	margin-right: auto;
  14. }
  15.  
  17. 	width: 1000px;
  18. 	height: 200px;
  19. 	background-image: url("images/header.gif");
  20. 	margin-left: auto;
  21. 	margin-right: auto;
  22. 	border: 1px #000000 solid;
  23. }
  24.  
  25. .box {
  26. 	margin-top: 10px;
  27. 	width: 150px;
  28. 	float: left;
  29. }
  30.  
  31. .boxtop {
  32. 	background-image: url("images/top.gif");
  33. 	background-repeat: repeat-x;
  34. 	height: 20px;
  35. 	width: 150px;
  36. 	float: left;
  37. 	border: 1px #000000 solid;
  38. }
  39.  
  40. .boxcontent {
  41. 	background-image: url("images/content.gif");
  42. 	width: 150px;
  43. 	float: left;
  44. 	border-left: 1px #000000 solid;
  45. 	border-right: 1px #000000 solid;
  46. }
  47.  
  48. .boxbottom {
  49. 	background-image: url("images/bottom.gif");
  50. 	width: 150px;
  51. 	height: 15px;
  52. 	float: left;
  53. 	margin-bottom: 5px;
  54. 	border: 1px #000000 solid;
  55. }
  56.  
  57. .content {
  58. 	margin-top: 10px;
  59. 	width: 690px;
  60. 	float: left;
  61. 	margin-right: 5px;
  62. 	margin-left: 5px;
  63. }
  64.  
  65. .contenttop {
  66. 	background-image: url("images/top.gif");
  67. 	height: 20px;
  68. 	width: 690px;
  69. 	float: left;
  70. 	border: 1px #000000 solid;
  71. }
  72.  
  73. .contentmid {
  74. 	background-image: url("images/content.gif");
  75. 	width: 690px;
  76. 	float: left;
  77. 	border-left: 1px #000000 solid;
  78. 	border-right: 1px #000000 solid;
  79. }
  80.  
  81. .contentbottom {
  82. 	background-image: url("images/bottom.gif");
  83. 	width: 690px;
  84. 	height: 15px;
  85. 	float: left;
  86. 	border: 1px #000000 solid;
  87. 	margin-bottom: 10px;
  88. }
  89.  
  90. .footer {
  91. 	width: 690px;
  92. 	height: 20px;
  93. 	background-image: url("images/footer.gif");
  94. 	background-repeat: repeat-x;
  95. 	border: 1px #000000 solid;
  96. }
Offline Ultimatum - 28/09/2005 21:51
Avatar van Ultimatum PHP expert dan doe je bij header: margin-top: aantalpixels;
Offline Steven - 28/09/2005 21:53
Avatar van Steven HTML interesse http://sitemast...mp;id=9548
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.201s