login  Naam:   Wachtwoord: 
Registreer je!
 Forum

images worden niet geshowd

Offline Ultimatum - 15/10/2005 16:10 (laatste wijziging 15/10/2005 16:13)
Avatar van UltimatumPHP expert heb nu een layout, maar 3 images worden niet getoond, 1 daarvan zie je wel in de design mode van dreamweaver, maar op het web doet hij het niet
het gaat dus om een plaajte bovenaan, in de css aangegeven als layout_top1

en nog 2 bij de navigatie balk, 1 image vooraan en 1tje achteraan
namelijk: nav_left & nav_right


EDIT: gaat alleen nog om nav_left en layout_top met nav_right had ik een domme error gemaakt (images ipv image)


dus hoop dat ik duidelijk ben geweest en iemand me kan helpe

dit is de css

php code - Bekijk de code zonder highlighting - Klap code in 
  1. body {
  2. 	font-family:Verdana, Arial, Helvetica, sans-serif;
  3. 	font-size:10px;
  4. 	color: #333333;
  5. 	margin-left: auto;
  6. 	margin-right: auto;
  7. }
  8.  
  9. a:link	{
  10. 		color: #272c2e; text-decoration :none;
  11. }
  12. a:visited {
  13. 		color: #272c2e; text-decoration :none;
  14. }
  15. a:hover {
  16. 		color: #f7f7f7; text-decoration :underline;
  17. }
  18.  
  19. a:active {
  20. 	color: #272c2e;  text-decoration :none;
  21. }
  22.  
  23. .container {
  24. 	width: 900px;
  25. }
  26.  
  27. .layout_top1 {
  28. 	background-image: url("images/m_top.jpg");
  29. 	width: 900px;
  30. 	height: 12px;
  31. }
  32.  
  33. .layout_top2 {
  34. 	background-image: url("images/Reunion_02.jpg");
  35. 	width: 70px;
  36. 	height: 22px;
  37. 	float: left;
  38. }
  39.  
  40. .layout_top3 {
  41. 	background-image: url("images/M_clan.jpg");
  42. 	width: 217px;
  43. 	height: 22px;
  44. 	float: left;
  45. }
  46.  
  47. .layout_top4 {
  48. 	background-image: url("images/M_m.jpg");
  49. 	width: 613px;
  50. 	height: 22px;
  51. 	float: left;
  52. }
  53.  
  54. .banner_left {
  55. 	background-image: url("images/M_bannerleft.jpg");
  56. 	width: 70px;
  57. 	height: 197px;
  58. 	float: left;
  59. }
  60.  
  61. .banner {
  62. 	background-image: url("images/M_banner.jpg");
  63. 	width: 759px;
  64. 	height: 197px;
  65. 	float: left;
  66. }
  67.  
  68. .banner_right {
  69. 	background-image: url("images/M_bannerright.jpg");
  70. 	width: 71px;
  71. 	height: 197px;
  72. 	float: left;
  73. }
  74.  
  75. .nav_left {
  76. 	background-image: url("images/M_navleft.jpg");
  77. 	widht: 137px;
  78. 	height: 31px;
  79. 	float: left;
  80. }
  81.  
  82. .nav_home {
  83. 	background-image: url("images/M_navhome.jpg");
  84. 	width: 61px;
  85. 	height: 31px;
  86. 	float: left;
  87. }
  88.  
  89. .nav_forums {
  90. 	background-image: url("images/M_navforums.jpg");
  91. 	width: 75px;
  92. 	height: 31px;
  93. 	float: left;
  94. }
  95.  
  96. .nav_downloads {
  97. 	background-image: url("images/M_navdownloads.jpg");
  98. 	width: 105px;
  99. 	height: 31px;
  100. 	float: left;
  101. }
  102.  
  103. .nav_links {
  104. 	background-image: url("images/M_navlinks.jpg");
  105. 	width: 144px;
  106. 	height: 31px;
  107. 	float: left;
  108. }
  109.  
  110. .nav_rooster {
  111. 	background-image: url("images/M_navrooster.jpg");
  112. 	width: 106px;
  113. 	height: 31px;
  114. 	float: left;
  115. }
  116.  
  117. .nav_contact {
  118. 	background-image: url("images/M_navcontact.jpg");
  119. 	width: 85px;
  120. 	height: 31px;
  121. 	float: left;
  122. }
  123.  
  124. .nav_right {
  125. 	background-images: url("images/M_navright.jpg");
  126. 	width: 187px;
  127. 	height: 31px;
  128. 	float: left;
  129. }


en dit de index.php

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>Clansite</title>
  4. <link rel="stylesheet" href="styles.css" type="text/css" />
  5. </head>
  6.  
  7. <body>
  8. <div class="container">
  9. <div class="layout_top1"></div><br />
  10. <div class="layout_top2"></div>
  11. <div class="layout_top3">Clan</div>
  12. <div class="layout_top4"></div>
  13.  
  14. <div class="banner_left"></div>
  15. <div class="banner"></div>
  16. <div class="banner_right"></div>
  17.  
  18. <div class="nav_left"></div>
  19. <div class="nav_home"></div>
  20. <div class="nav_forums"></div>
  21. <div class="nav_downloads"></div>
  22. <div class="nav_links"></div>
  23. <div class="nav_rooster"></div>
  24. <div class="nav_contact"></div>
  25. <div class="nav_right"></div>
  26.  
  27.  
  28.  
  29. </div>
  30. </body>
  31. </html>

10 antwoorden

Gesponsorde links
Offline Dolfje - 15/10/2005 17:48
Avatar van Dolfje Gouden medailleGouden medailleGouden medaille

PHP ver gevorderde		 Als links niet worden getoont wil dat meestal zeggen dat ze niet bestaan. Aan de code zie ik niets verkeerd.

dus ik zou het eens checken
Offline Ultimatum - 15/10/2005 17:53 (laatste wijziging 15/10/2005 17:58)
Avatar van Ultimatum PHP expert ok, weer een fout van mij had heihgt ipv height en dat was me niet opgevallen sinds 1 minuut gelede 

maar nu een adnere fout, zoals je ziet mot die niet 

http://ultimatum.ul.funpic.de/clansite/
maar mot de navigatie recht van de bar links en de bar mot doorlope, help please
Offline Dolfje - 15/10/2005 18:15
Avatar van Dolfje Gouden medailleGouden medailleGouden medaille

PHP ver gevorderde		 width: 124px; veranderen bij box_top_mid
Offline Ultimatum - 15/10/2005 18:17
Avatar van Ultimatum PHP expert hoebedoel je wrom verandere dan, dat is tog goed...:s
Offline Dolfje - 15/10/2005 18:35
Avatar van Dolfje Gouden medailleGouden medailleGouden medaille

PHP ver gevorderde		 blijkbaar niet, want hij trekt die achtergrond van die div niet verder. Zo groot dat die div is zo groot is de achtergrond.
Offline Ultimatum - 15/10/2005 18:37
Avatar van Ultimatum PHP expert nu heb ik alle plaajtes samen gevoegd, omdat ik gek werkt om 5 images samen te voegen met css en nu doet ie het nog steeds niet,
met margin-left: 74px; trekt hij de bar left wel door maar laat het niet direct naast die box image zien..
Offline Thomas - 15/10/2005 18:41
Avatar van Thomas Moderator Alles wat tussen url() staat hoeft niet tussen quotes.
Let ook op het feit dat alle paden naar plaatjes in je CSS-file relatief zijn t.o.v. de locatie van je CSS-file (geloof ik).
Offline Ultimatum - 15/10/2005 18:54
Avatar van Ultimatum PHP expert najah de layout is nu al Xhtml strict 1.0 dus me css zit wel in orde denk ik zo , maar niemand heeft een ideetje dan..
Offline Rens - 15/10/2005 18:55
Avatar van Rens Gouden medaille

Crew algemeen
Citaat:
Let ook op het feit dat alle paden naar plaatjes in je CSS-file relatief zijn t.o.v. de locatie van je CSS-file (geloof ik).


Dat klopt wat je zegt.
Als je plaatjes in /images/iets/ staan, en je css in /style/normaal/ moet je eerst terug naar je root map met ../../ om vervolgens naar images/iets/ te gaan.
Offline Ultimatum - 15/10/2005 19:20
Avatar van Ultimatum PHP expert maar dit de hele vraag niet meer 

ik vraag hoe die navigatie precies op de left bar kan aansluite en er niet overheen loopt;-) 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.209s