Waarom is mijn afbeelding niet zichtbaar op mijn website?

[Loganster001]

Mijn vraag
Waarom is mijn afbeelding niet zichtbaar op mijn website?

Relevante software en hardware die ik gebruik
Ik heb al hosting en een domeinnaam. Dit is mijn website informatiestuderen.nl. Als je op de website kijkt, dan zijn alle afbeeldingen niet zichtbaar. De website is beveiligd met SSL ceritificaat.

Ik heb alleen maar php bestanden. En dit staat in mijn code voor alle afbeeldingen: <img src="pippetteerschema.jpg" alt="resultaat"/>

En dan heb ik de afbeelding in de public html map gezet

Wat ik al gevonden of geprobeerd heb
Ik heb al gebeld met de hosting klantenservice maar die wisten niks

[Loganster001]

Voordat de website beveiligd werd met SSL, waren de afbeeldingen wel zichtbaar

[.Maarten]

Controleer de paden naar de afbeeldingen eens. Kloppen deze in de code?

[ajhaverkamp]

Boek.png in de linker bovenhoek is prima zichtbaar. Voor de rest zie ik enkel tekst op je pagina's (als ik daar even vlug doorheen klik).

[LordSinclair]

De bestanden op een webhost zijn vaak hoofdlettergevoelig (linux based).
Je eigen testomgeving is waarschijnlijk Windows based en dat is niet hoofdlettergevoelig.

Random voorbeeld van de website
https://informatiestuderen.nl/omtrek.jpg doet het niet
https://informatiestuderen.nl/omtrek.JPG doet het wel.

[ Voor 17% gewijzigd door LordSinclair op 28-04-2020 13:14 ]

[Raymond P]

Loganster001 schreef op dinsdag 28 april 2020 @ 13:06:

Wat ik al gevonden of geprobeerd heb
Ik heb al gebeld met de hosting klantenservice maar die wisten niks

De rotterds namen vandaag wel de telefoon op?

Heb je al geprobeerd het plaatje direct te benaderen?

[sypie]

Na het uploaden even de remote map verversen. Daarna nog eens proberen? Tikfouten gecontroleerd?

[Loganster001]

.Maarten schreef op dinsdag 28 april 2020 @ 13:10:
Controleer de paden naar de afbeeldingen eens. Kloppen deze in de code?

Wat bedoel je met paden? Ik heb voor alle afbeeldingen alleen deze code: <img src="naamvandeafbeelding.jpg" alt="naam"/>

[Loganster001]

sypie schreef op dinsdag 28 april 2020 @ 13:18:
Na het uploaden even de remote map verversen. Daarna nog eens proberen? Tikfouten gecontroleerd?

Verversen had ik al gedaan en er staan geen tikfouten. Geen enkele afbeelding werkt.

[Loganster001]

Raymond P schreef op dinsdag 28 april 2020 @ 13:13:
[...]


De rotterds namen vandaag wel de telefoon op?

Heb je al geprobeerd het plaatje direct te benaderen?

haha vandaag gelukkig wel. Hoe kan ik het plaatje direct benaderen?

[Loganster001]

LordSinclair schreef op dinsdag 28 april 2020 @ 13:12:
De bestanden op een webhost zijn vaak hoofdlettergevoelig (linux based).
Je eigen testomgeving is waarschijnlijk Windows based en dat is niet hoofdlettergevoelig.

Random voorbeeld van de website
https://informatiestuderen.nl/omtrek.jpg doet het niet
https://informatiestuderen.nl/omtrek.JPG doet het wel.

Dus ik moet gewoon goed controleren of er geen hoofdletters staan?

[LordSinclair]

Loganster001 schreef op dinsdag 28 april 2020 @ 13:20:
[...]


Wat bedoel je met paden? Ik heb voor alle afbeeldingen alleen deze code: <img src="naamvandeafbeelding.jpg" alt="naam"/>

Dat moet in jouw geval dus veelal <img src="naamvandeafbeelding.JPG" alt="naam"/> zijn. Zie mijn eerdere post.

Je moet dus controleren of de bestandsnamen qua hoofdlettergebruik (en naam) overeenkomen.

[ Voor 11% gewijzigd door LordSinclair op 28-04-2020 13:24 ]

[Loganster001]

ajhaverkamp schreef op dinsdag 28 april 2020 @ 13:11:
Boek.png in de linker bovenhoek is prima zichtbaar. Voor de rest zie ik enkel tekst op je pagina's (als ik daar even vlug doorheen klik).

Dat is gek als ik zelf op alle pagina's klik, zie ik overal tekst. Ik zie bijvoorbeeld bij biotechnologie gewoon tekst.

[sypie]

Dit is de directe link: https://informatiestuderen.nl/pipetteerschema.JPG
Je plaatje doet het wel maar de extensie is met hoofdletters.

Wen jezelf aan om alles met kleine letters te doen in de bestandsnamen.

[Loganster001]

LordSinclair schreef op dinsdag 28 april 2020 @ 13:23:
[...]


Dat moet in jouw geval dus veelal <img src="naamvandeafbeelding.JPG" alt="naam"/> zijn. Zie mijn eerdere post.

Je moet dus controleren of de bestandsnamen qua hoofdlettergebruik (en naam) overeenkomen.

oh okee. En in het script moet JPG ook in hoofdletters?

[Rensjuh]

Loganster001 schreef op dinsdag 28 april 2020 @ 13:06:

En dan heb ik de afbeelding in de public html map gezet

Heb je ook een map "private_html" ?
Zet de afbeelding daar dan eens in en kijk nog eens een keer.
Je zegt dat je de problemen ervaart na het omschakelen naar SSL.
Bij de hosting partij waar ik eens een hosting pakket had, had ik dit ook.

edit; Ik zie dat er een andere afbeelding (boek.png) wel werkt, dus bovenstaande zal het niet verhelpen.

[ Voor 11% gewijzigd door Rensjuh op 28-04-2020 13:27 ]

[Loganster001]

Rensjuh schreef op dinsdag 28 april 2020 @ 13:26:
[...]


Heb je ook een map "private_html" ?
Zet de afbeelding daar dan eens in en kijk nog eens een keer.
Je zegt dat je de problemen ervaart na het omschakelen naar SSL.
Bij de hosting partij waar ik eens een hosting pakket had, had ik dit ook.

oh okee. Dus de afbeeldingen in private_html zetten?

[Loganster001]

sypie schreef op dinsdag 28 april 2020 @ 13:24:
Dit is de directe link: https://informatiestuderen.nl/pipetteerschema.JPG
Je plaatje doet het wel maar de extensie is met hoofdletters.

Wen jezelf aan om alles met kleine letters te doen in de bestandsnamen.

Dus in deze code: <img src="naamvandeafbeelding.JPG" alt="naam"/> moet "JPG" in kleine letters?

[Rensjuh]

Die afbeelding doet het bij mij niet.
Niet met HTTP, niet met HTTPS, maar ook niet met JPG / jpg.

Dus dan zou je toch eens kunnen proberen om de afbeelding in de "private_html" map te zetten als deze bestaat.

[ Voor 36% gewijzigd door Rensjuh op 28-04-2020 13:29 ]

[sypie]

De afbeelding staat goed waar die staat, tussen de rest van de bestanden. Je moet alleen de naam van de afbeelding in kleine letters doen, ditzelfde doe je ook in je script.

Je moet ook je script nog eens goed nakijken, er zitten best wat fouten in.

De pagina ICT loopt na opdracht 7 nog ettelijke pagina's door. Je HTML klopt niet: je hebt op die pagina 2 keer een head en 2 keer een body. Dat is vast niet de bedoeling.

[Room42]

@Loganster001 Je moet het zo zien: Je webserver draait Linux en de Linux-bestandssystemen zijn hoofdlettergevoelig. Je moet de hoofdletters dus exact overnemen zoals je ze opgeslagen hebt.

[LordSinclair]

Loganster001 schreef op dinsdag 28 april 2020 @ 13:27:
[...]


Dus in deze code: <img src="naamvandeafbeelding.JPG" alt="naam"/> moet "JPG" in kleine letters?

Het belangrijkste is dat het exact hetzelfde moet zijn in de code en de daadwerkelijke bestandsnaam. Op de hoofdletter nauwkeurig.

Wat @sypie schrijft is een handigheidje om jezelf aan te leren. Als je standaard alles in kleine letters doet (bestandsnaam en extentie) en in de code hoef je niet meer over hoofdlettergebruik na te denken want dan is alles standaard zonder hoofdletters.

[Loganster001]

sypie schreef op dinsdag 28 april 2020 @ 13:29:
De afbeelding staat goed waar die staat, tussen de rest van de bestanden. Je moet alleen de naam van de afbeelding in kleine letters doen, ditzelfde doe je ook in je script.

Je moet ook je script nog eens goed nakijken, er zitten best wat fouten in.

De pagina ICT loopt na opdracht 7 nog ettelijke pagina's door. Je HTML klopt niet: je hebt op die pagina 2 keer een head en 2 keer een body. Dat is vast niet de bedoeling.

Dat is inderdaad een fout

[Loganster001]

LordSinclair schreef op dinsdag 28 april 2020 @ 13:29:
[...]


Het belangrijkste is dat het exact hetzelfde moet zijn in de code en de daadwerkelijke bestandsnaam. Op de hoofdletter nauwkeurig.

Wat @sypie schrijft is een handigheidje om jezelf aan te leren. Als je standaard alles in kleine letters doet (bestandsnaam en extentie) en in de code hoef je niet meer over hoofdlettergebruik na te denken want dan is alles standaard zonder hoofdletters.

Dus het zou kunnen dat al mijn afbeeldingen opgeslagen zijn als: pippeteren.JPG? met JPG in hoofdletters?

[Raymond P]

Rensjuh schreef op dinsdag 28 april 2020 @ 13:28:
Die afbeelding doet het bij mij niet.
Niet met HTTP, niet met HTTPS, maar ook niet met JPG / jpg.

Dus dan zou je toch eens kunnen proberen om de afbeelding in de "private_html" map te zetten als deze bestaat.

Heb je toevallig op de voorgekauwde link van @sypie geklikt?

TS maakt een spelfout en sypie heeft die naar alle waarschijnlijkheid niet overgenomen.

[Room42]

Loganster001 schreef op dinsdag 28 april 2020 @ 13:32:
[...]

Dus het zou kunnen dat al mijn afbeeldingen opgeslagen zijn als: pippeteren.JPG? met JPG in hoofdletters?

Dat kun je zelf toch zien? Een steekproef laat in ieder geval zien van wel. Dat hoeft op zich geen probleem te zijn, als je de namen maar exact zo overneemt in de HTML.

[LordSinclair]

Loganster001 schreef op dinsdag 28 april 2020 @ 13:32:
[...]


Dus het zou kunnen dat al mijn afbeeldingen opgeslagen zijn als: pippeteren.JPG? met JPG in hoofdletters?

Dat kan je zelf het beste zien (misschien in Windows even je extensies aanzetten).



In mijn eerste voorbeeld was dat wel het geval.

[sypie]

Ja, dat kan. En nee, dat moet je niet doen. Eerst zorgen dat alles kleine letters is en daarna de afbeelding in de code opnemen.

Voor iemand die HBO/universiteit doet mag je nog best werken aan je onderzoeksvaardigheden. Dit is wel heel erg HTML 101 wat je hier aan het doen bent.

[Loganster001]

Yes het werkt eindelijk. Ik heb de "jpg" in de code in hoofdletters gezet en nu werkt het

[Loganster001]

sypie schreef op dinsdag 28 april 2020 @ 13:35:
Ja, dat kan. En nee, dat moet je niet doen. Eerst zorgen dat alles kleine letters is en daarna de afbeelding in de code opnemen.

Voor iemand die HBO/universiteit doet mag je nog best werken aan je onderzoeksvaardigheden. Dit is wel heel erg HTML 101 wat je hier aan het doen bent.

ik ben gestopt met ict haha

[sypie]

Loganster001 schreef op dinsdag 28 april 2020 @ 13:36:
Yes het werkt eindelijk. Ik heb de "jpg" in de code in hoofdletters gezet en nu werkt het

Nu heb ik een paar keer aangegeven: zet alles in kleine letters. Dus de extensie van de afbeelding in kleine letters en dan ook in kleine letters in je code. Zo hoef je niet iedere keer na te denken over hoofdletters in bestandsnamen, want die zijn er dan niet meer.

[sypie]

Loganster001 schreef op dinsdag 28 april 2020 @ 13:36:
[...]
ik ben gestopt met ict haha

Ik heb nooit ICT gedaan maar wel met PHP/HTML een heel portfolio in elkaar gezet. Veel zoeken en onderzoeken, begrijpen hoe dingen werken en wanneer het niet werkt.

[Room42]

sypie schreef op dinsdag 28 april 2020 @ 13:37:
[...]

Nu heb ik een paar keer aangegeven: zet alles in kleine letters. Dus de extensie van de afbeelding in kleine letters en dan ook in kleine letters in je code. Zo hoef je niet iedere keer na te denken over hoofdletters in bestandsnamen, want die zijn er dan niet meer.

QFT. Niet verplicht maar wel een 'best practice' in de web development-wereld.

[rens-br]

@Loganster001 ik verhuis je topic even van PNS naar IH, aangezien dit niet zoveel te maken heeft met 'professioneel'

[Loganster001]

sypie schreef op dinsdag 28 april 2020 @ 13:37:
[...]

Nu heb ik een paar keer aangegeven: zet alles in kleine letters. Dus de extensie van de afbeelding in kleine letters en dan ook in kleine letters in je code. Zo hoef je niet iedere keer na te denken over hoofdletters in bestandsnamen, want die zijn er dan niet meer.

Als ik kijk bij mijn afbeeldingen dan staan sommige bestandsnamen (jpg) in kleine letters en sommige in hoofdletters. Hoe kan ik ze allemaal klein krijgen?

[sypie]

Selecteren, op F2 drukken en hernoemen.

[Room42]

Loganster001 schreef op dinsdag 28 april 2020 @ 13:44:
[...]


Als ik kijk bij mijn afbeeldingen dan staan sommige bestandsnamen (jpg) in kleine letters en sommige in hoofdletters. Hoe kan ik ze allemaal klein krijgen? [Afbeelding]

1. Zoek op je favoriete zoekmachine naar 'batch rename files'.
2. Beetje eigen inzet.
3. Profit for life.

edit:

Of je laat het je voorkauwen door @sypie, terwijl die je eerder nog aanspoorde om zelf wat meer te onderzoeken.

[ Voor 14% gewijzigd door Room42 op 28-04-2020 13:49 ]