login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS Toont de afbeelding niet

Offline Risc12 - 28/04/2010 20:44
Avatar van Risc12Nieuw lid Ik ben bezig met de basis van CSS en HTML, nu probeer ik een afbeelding via CSS te tonen,daarvoor heb ik deze code:


CSS:
Plaatscode: 139213

En deze HTML code:

Plaatscode: 139214

Maar het werkt niet , de achtergrond kleur werkt wel, maar de afbeelding word niet getoond.
Weet iemand hoe ik dit werkend kan krijgen?

Alvast bedankt!

16 antwoorden

Gesponsorde links
Offline vinTage - 28/04/2010 20:53
Avatar van vinTage Nieuw lid


beetje vaag pad naar de afbeelding he...
Offline Martijn2008 - 28/04/2010 20:55
Avatar van Martijn2008 PHP beginner In jouw CSS-code vind ik de volgende regel:

  1. div#afbeelding{background: #283570 url(http://127.0.0.1/Risc12/IMG/);}


De link naar de afbeelding betreft een afbeelding die alleen lokaal opvraagbaar is via het HTTP-protocol. 127.0.0.1 betreft namelijk de huidige machine waarop je nu werkt. Vervolgens zie ik dat je map "Risc12" binnen treedt en daarna map "IMG". Het spoor loopt hier dood. De link naar de afbeelding is incompleet.

Een voorbeeld van een correcte link is de volgende:

  1. div#afbeelding{background: #283570 url(http://127.0.0.1/Risc12/IMG/background.jpg);}


Mijn aanname is dat je een afbeelding met de naam "background.jpg" in de map /Risc12/IMG/ hebt staan. Overigens ik ga ervan uit dat de mappen zich bevinden in de server-root directory.

Hopelijk volstaat deze uitleg!

Veel succes!
Offline Risc12 - 28/04/2010 20:59
Avatar van Risc12 Nieuw lid Bedankt voor jullie antwoorden.

Heb de CSS code bijgewerkt naar dit:
Plaatscode: 139215
Het werkt nog steeds niet, en 127.0.0.1 is mijn localhost WAMP server, dus dat zou het probleem niet moeten zijn.

Alvast bedankt voor verdere hulp!
Risc12
Offline Martijn2008 - 28/04/2010 21:06
Avatar van Martijn2008 PHP beginner Zou je iets meer inzicht kunnen geven in je huidige opzet? Weet je bijvoorbeeld zeker dat je de html-website in de server-root hebt geplaatst en de submappen echt zo heten? Daarbij moet je dus ook letten op hoofdletters en kleine letters.

Probeer anders is eerst te testen of je op de goede weg bent. Werk je wel echt in de server-root directory? Maak bijvoorbeeld eens een bestand index.html aan en zet daarin "Hello, world!". Sla deze op in je server-root en open vervolgens je webbrowser. Tik bovenin je browser http://localhost of http://127.0.0.1 en controleer of de tekst "Hello, world!" wordt weergeven. Indien niet, dan werk je misschien niet in de server-root of is er mogelijk iets mis met de configuratie van je webserver.
Offline Risc12 - 28/04/2010 21:14 (laatste wijziging 28/04/2010 21:15)
Avatar van Risc12 Nieuw lid Ik draai een WAMP server, dit is een lokale webserver. In de map C:\WAMP\www kan ik mijn bestanden en mappen neerzetten die op de server komen.
Daar heb ik een map gemaakt met de naam Risc12, daarin staan 2 bestanden: index.html en style.css.
Ook is er nog een map in deze map, met de naam: IMG, daarin staat het bestand Logo.jpg.

Het punt is dat de achtergrond kleur wel werkt, alleen de afbeelding niet. Dat gebeurt ook als ik verwijs naar een externe afbeelding!

Heeft iemand een idee?

Alvast bedankt!
Risc12

btw: als ik in mijn browser het pad van mijn afbeelding intyp, krijg ik de afbeelding ook gewoon te zien.
Offline Martijn2008 - 28/04/2010 21:17
Avatar van Martijn2008 PHP beginner Probeer de volgende code is...

  1. #afbeelding { background: #283570 url('IMG/Logo.jpg'); }
Offline Risc12 - 28/04/2010 21:19
Avatar van Risc12 Nieuw lid Sorry, dat werk ook niet  
(Zowel met als zonder div voor de #afbeelding, werkt het niet.)
Offline Martijn2008 - 28/04/2010 21:21
Avatar van Martijn2008 PHP beginner Ga is naar http://localhost/Risc12/
Offline Risc12 - 28/04/2010 21:25
Avatar van Risc12 Nieuw lid Ja? Dan zie ik alleen de blauwe achtergrond, zoals beschreven in de CSS.
Geen spoor van een afbeelding te vinden :S!
Wat wel opvallen is, als ik een border rond de div#afbeelding aanbreng, dan zie ik de border wel, maar dan zie ik dat de div (ook al stel ik een hoogte en breedte in) over de volle breedte van mn scherm loopt, maar geen hoogte heeft.

Is dat nuttige informatie?
Offline Martijn2008 - 28/04/2010 21:28
Avatar van Martijn2008 PHP beginner Haha, nou je moet inderdaad ook een hoogte en breedte meegeven als je de div leeg wilt laten. Hieronder zie je een voorbeeldje. Wellicht kun je zelf de juiste hoogte en breedte instellen.

  1. #afbeelding { background: #283570 url('IMG/Logo.jpg'); height: 500px; width: 500px; }
Offline larssy1 - 29/04/2010 11:30 (laatste wijziging 29/04/2010 11:30)
Avatar van larssy1 MySQL beginner Ik zou zeggen, als je 127.0.0.1 in je url zet..

gebruik eens enkele quotes =) je gaat niet echt ver komen met het gebruiken van getallen in een url =)

Dus
  1. #afbeelding { background: #283570 url('http://127.0.0.1/Risc12/IMG/background.jpg'); height: 500px; width: 500px; }
Offline TotempaaltJ - 29/04/2010 12:58
Avatar van TotempaaltJ PHP interesse @larssy: Beetje raar om je ip er bij te zetten... Als je er nou gewoon '/Risc12/IMG/background.jpg' van maakt?
Offline larssy1 - 29/04/2010 13:11
Avatar van larssy1 MySQL beginner ligt er gewoon aan hoe hij zijn ding wilt gebruiken.. als hij nou remote images wilt gebruiken..
Offline Risc12 - 29/04/2010 19:53
Avatar van Risc12 Nieuw lid Allemaal superbedankt!
Dit is de uiteindelijke code is geworden:

Plaatscode: 139223
Offline Jelmerholland - 30/04/2010 01:22
Avatar van Jelmerholland PHP beginner Nog 1 dingetje, houd je overzicht dmv enters ;) Het vertraagd je code absoluut NIET, maar jij, de designer, houdt dan wel overzicht. Op den duur, als jij een CSS bestand hebt van 500 lines, dan heb je toch liever wel wat overzicht 
Offline TotempaaltJ - 30/04/2010 13:20
Avatar van TotempaaltJ PHP interesse @Jelmer: Ziet er prima uit hoor. Alleen geen indents... 4 Spaties 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.193s