login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Achtergrond div (Opgelost)

Offline janwillem117 - 24/10/2008 23:27
Avatar van janwillem117Nieuw lid ik heb een homepage gemaakt met een css layout en ik heb een div een achtergrond gegeven maar als ik het upload en bekijk zie ik de achtergrond van die div niet
(ik weet zeker dat het plaatje ook goed is geupload)
Weet iemand waarom dit plaatje het niet doet?

7 antwoorden

Gesponsorde links
Offline rredspike1 - 24/10/2008 23:31 (laatste wijziging 24/10/2008 23:32)
Avatar van rredspike1 Lid is het pad er naar toe goed aangegeven?

Kan je misschien een stukje code geven?
Offline janwillem117 - 24/10/2008 23:43
Avatar van janwillem117 Nieuw lid wil je de layout.css weten of de index.php?
Offline marten - 24/10/2008 23:55
Avatar van marten Beheerder Het liefst een online voorbeeld....
Offline rredspike1 - 25/10/2008 00:07
Avatar van rredspike1 Lid he Jan Willem,

Doe allebei maar
Offline janwillem117 - 25/10/2008 00:32 (laatste wijziging 25/10/2008 00:33)
Avatar van janwillem117 Nieuw lid index.php:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <? 
  2. include "config.inc.php";
  3. include "functions.inc.php";
  4. ?>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  6. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  7. <html>
  8. <head>
  9. 	<meta http-equiv="Content-Type" content="text/html; UTF-8" />
  10. 	<title>Voetbalvereniging Hunsingo Winsum</title>
  11. 	<link href="text.css" rel="stylesheet" type="text/css" />
  12. 	<link href="layout.css" rel="stylesheet" type="text/css" />
  13. 	<link rel="shortcut icon" href="images/favicon.ico" />
  14. 	<style type="text/css">
  15. .style1 {
  16. 	font-family: Verdana;
  17. 	color: #808080;
  18. }
  19. </style>
  20. </head>
  21.  
  22. <body>
  23. <div id="topbar">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  24. 	<img alt="" src="header.png" width="980" height="140"></div>
  25. <div id="container">
  26. 	<div id="main">
  27. 		<div id="menu"><? include "login.php"; ?><a href="?cat=forum"><img src="images/knop_forum.gif" border="0"></a><br><? include "poll/index.php"; ?></div>
  28. 		<div id="contentdiv">
  29. 		<? include "menu.php";?>
  30. 		<div id="maincontent">
  31. 		<?
  32.  
  33. 	    if (!isset($_GET['id']) || ($_GET['id'] != "algemeen" && $_GET['id'] != "jeugd")) {
  34. 		  echo "<div class=\"normaal\">"; 
  35. 		  include "content.php";
  36. 		  echo "</div>";
  37. 		} else {
  38. 		  include "content.php";
  39. 		}
  40. 		?>
  41. 		<div id="copyright" class="style1">&copy; 2008, Jan-Willem Sterkenburg</div>
  42.  
  43. </body>
  44. </html>


layout.css :
php code - Bekijk de code zonder highlighting - Klap code in 
  1. body {
  2.   background-color: #ffffff;
  3.   margin: 0px;
  4.   padding: 0px;
  5. }
  6.  
  7. #container {
  8.   background-color: #ECECEC;
  9.   width: 775px;
  10.   margin: auto;
  11.   border-right: 1px solid #d9d9d9;
  12. }
  13.  
  14. #main {
  15.   width: 100%;
  16.   background-image: url('images/menu_bg.gif');
  17.   background-repeat: repeat-y;
  18.   background-color: white;
  19.   padding: 0px;
  20.   margin: 0px;
  21. }
  22.  
  23. #menu {
  24.   float: left;
  25.   width: 189px;
  26.   background-image: url('images/menubar_top.jpg');
  27.   background-repeat: no-repeat;
  28.   height: 195px;
  29.   padding-top: 205px;
  30.   padding-left: 30px;
  31. }
  32.  
  33. #contentdiv {
  34.   margin-left: 225px;
  35.   padding: 10px;
  36.   height: 1%;
  37.   min-height: 600px;
  38. }
  39.  
  40. #topbar {
  41.   background-color: #ECECEC;
  42.   background-image: url(header.png);
  43.   background-position: left;
  44.   background-position: top;
  45.   background-repeat: repeat;
  46.   background-attachment: fixed;}
  47.  
  48.  
  49. #copyright {
  50.   vertical-align: bottom;
  51.   text-align: center;
  52. }
  53.  
  54. #topmenu {
  55.   list-style-type: none;
  56.   margin: 0px;
  57.   padding: 0px;
  58.   padding-top: 4px;
  59.   margin-bottom: 20px;
  60. }
  61.  
  62. li {
  63.   margin-left: 15px;
  64. }
  65.  
  66.  
  67. .laatste_items {
  68.   width: 49%;
  69.   float: left;
  70. }
  71.  
  72. .laatste_items a {
  73.   padding: 1px;
  74.   color: #000000;
  75.   display: block;
  76.   text-decoration: none;
  77.   font-size: 11px;
  78. }
  79.  
  80. .laatste_items a:hover {
  81.   background-color: #EDEDED;
  82. }


Te vinden op http://www.janwillem-117.nl/vvh oud
Offline marten - 25/10/2008 00:35 (laatste wijziging 25/10/2008 00:36)
Avatar van marten Beheerder wordt je css ingeladen?
Heb je je css in dezelfde map staan waar ook de map images instaat?

Je moet namelijk vanaf je css gaan rekenen voor de plaatjes:

style.css
--images/bg.jpg

is goed maar

styles/style.css
images/bg.jpg

is niet goed.

edit

ik zie in je voorbeeld dat de header.png het niet doet. Moet dit niet images/header.png zijn?
Offline janwillem117 - 25/10/2008 13:23
Avatar van janwillem117 Nieuw lid Het is gelukt, bedankt iedereen.......
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.219s