login  Naam:   Wachtwoord: 
Registreer je!
 Forum

plaatjes worden niet weergeven

Offline Yourgamecrew - 20/05/2012 21:44 (laatste wijziging 20/05/2012 21:45)
Avatar van YourgamecrewLid Hallo,
Ik ben bezig met een site waar aan beide kanten van de wrap een afbeelding moet komen te staan alleen het probleem is dat die niet worden weergeven. Wat doe ik hier fout? Btw: de plaatjes staan in dezelfde directory als de css en html file.

CSS:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #bgleft{
  2. background:url('bgleft.png');
  3. width: 300px; 
  4. }
  5.  
  6. #bgright{
  7. background:url('bgright.png');
  8. width: 300px; 
  9. }
  10.  
  11. #header {
  12. height: 215px;
  13. background-image:url('test.jpg');
  14. border:none;
  15. }
  16.  
  17. #wrap { 
  18. padding: 10px 10px 3px 10px; 
  19. width: 1130px; 
  20. margin-right: auto;
  21. margin-left: auto;
  22. }
  23.  
  24. #menuleft { 
  25. float: left;
  26. text-align: center;
  27. width: 190px; 
  28. background: #000000;
  29. height: 150px;
  30. }
  31.  
  32. #middle {
  33. float: left;
  34. width: 750px;
  35. }
  36.  
  37. #menuright { 
  38. float: left;
  39. width: 190px; 
  40. height: 525px ;
  41. background: #333333;
  42. }


HTML:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  2.  
  3. <div id="bgleft"></div>
  4.  
  5. <div id="wrap">
  6.  
  7. 		 <div id="header">
  8. 		 HEADER
  9. 		 </div>
  10.  
  11. 		 <div id="menuleft">
  12. 		 LEFT
  13. 		 </div>
  14.  
  15. 		 <div id="middle">
  16. 		 MIDDLE
  17. 		 </div>
  18.  
  19. 		 <div id="menuright">
  20. 		 RIGHT
  21. 		 </div>
  22.  
  23. </div>
  24.  
  25. <div id="bgright"></div>
  26.  
  27. </body>

3 antwoorden

Gesponsorde links
Offline icemar - 20/05/2012 23:33
Avatar van icemar Lid Kanje alles ineen zipje hier posten dan kunnen we kijken waar het mis gaat aangezien ik geen fout kan ontdekken in je code is de rest wel handig om erbij te krijgen.
Offline Pieter - 21/05/2012 07:48
Avatar van Pieter Gouden medaille

SEO guru		 Geef je background divs eens een hoogte mee. 
Offline Martijn - 21/05/2012 11:43
Avatar van Martijn Crew PHP Ik neem aan dat je de tekst in de divs wel ziet. Daar ga ik voor het gemak even van uit.

Als je de afbeeldingen niet ziet, en je zeker weet dat ze er zijn, klopt de url waarschijnlijk niet.

De manier waarop je nu je afbeeldingen hebt staan, zal die zoeken in de map waar je nu bent
Voorbeeld:
stel je hebt url('bgleft.png'). Twee situaties die voor kunnen komen:
je bent op: www.website.nl -> nu zal die zoeken naar website.nl/bgleft.png
je bent op: www.website.nl/voorbeeld/ -> nu zal die zoeken naar website.nl/voorbeeld/bgleft.png

Zoals je ziet, andere map = 'andere' afbeeldingen, zonder dat je de css veranderde. Dit heet 'relatief linken', de afbeeldingsurl is relatief tov de url.

Als je wilt de altijd voorbeeld1 word gebruikt, die je dat zo:
url('/bgleft.png'). De twee situaties nu:
je bent op: www.website.nl -> nu zal die zoeken naar website.nl/bgleft.png
je bent op: www.website.nl/voorbeeld/ -> nu zal die zoeken naar website.nl/bgleft.png

De slash voor de url betekent hier 'kijk altijd vanaf de website' . Dit maak de url minder flexibel, maar in deze is dat jusit fijn. Dit heet 'absoluut linken'.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.21s