Foto's komen niet op het scherm-opgelost+

Huga · 29 dec 2007, 10:41

Goeiedag iedereen,

Eerst en vooral : ik heb deze vraag reeds eerder gesteld maar op het forum 'internet'.
Tot ik vanmorgen het forum 'eigen website' ontdekte en daarom steil ik ze hier nogmaals.

ik ben bezig een website te bouwen in HTML.
Als leek heb ik mij in de bibliotheek een boek over HTML aangeschaft.
Alles leek tot nu toe vrij goed te lukken.
Alleen mijn foto's komen niet door.
Als ik mijn website uittest op mijn laptop, gaat alles prima.
(waarschijnlijk heb ik wel een aantal overbodige of verkeerde tags en/of attributen gezet maar het geheel komt op het scherm zoals ik het wilde)
Maar als ik al mijn bestanden op het internet plaats, komt alles op het scherm behalve mijn foto's. (wel een klein vierkantje met rood kruisje)
Nochtans heb ik bij de verwijzing naar de foto geen verwijzing naar mijn harde schijf gemaakt maar naar de map waarin ook al de andere onderdelen staan.
Wat kan hiervan de oorzaak zijn ?

Ook dit nog : ik heb tekstpagina's die ik op mijn website wil plaatsen maar het probleem is dat als ik de tekst kopieer vanuit Word, ik alle opmaak opnieuw moet maken.
Dat is voor zoveel tekst een monnikenwerk. Daarom heb ik ook eens geprobeerd om één generatie in pdf-formaat te brengen. Dat lukt nog best maar oogt niet zo mooi.
Ik zoek nog naar een betere methode.

Bedankt op voorhand voor alle eventuele reacties.

Groetjes,
Hugo

verhaegen · 29 dec 2007, 11:40

http://www.seniorennet.be/forum/viewtopic.php?t=84314

defietser · 29 dec 2007, 11:43

Huga,
Op welke pagina komen de links niet door?
Staan de fotos wel in de juiste map op je server en is de link wel goed naar die fotos.
Hou er ook rekening mee dat de links hoofdlettergevoelig zijn
De map Images is niet dezelfde als map images. Dat zijn 2 verschillende mappen.
suc6

coderunner · 29 dec 2007, 13:54

Hallo,

Afbeeldingen, foto's die verschijnen met een rood kruisje zijn meestal verkeerde links, MAAR er kunnen ook andere oorzaken zijn. Hier enkele voorbeelden.

-Mijn foto's zijn wel zichtbaar off-line maar niet wanneer ik ze publiceer.
Dit heeft meestal te maken dat het programma waarmee je werkt de link maakt naar de plaats waar de foto's op je harddisk staan. In de link staat dan bv:

Code: Selecteer alles

<img border="0" src="file:///C:/fotos/fotonaam.jpg" width="256" height="192">

Bij het publiceren naar je website zien anderen de foto niet omdat de link naar jouw harddisk verwijst. Verwijder dus

Code: Selecteer alles

file:///C:/

en het is opgelost.

-Ook een veelvoorkomende fout is dat in je html code de bestandsnamen met een hoofdletter staan en de eigenlijke bestanden zonder of omgekeerd.
bv.

Code: Selecteer alles

<img border="0" src="foto.jpg" width="239" height="216">

Maar
--> foto.jpg --> bestaat niet !
--> Foto.jpg --> bestaat wel !

Html is (Hoofd)lettergevoelig ("case sensitive") dus gebruik je hoofdletters in je html code dan MOET je IDENTIEK dezelfde schrijfwijze gebruiken in de bestandsnamen en extensies of omgekeerd!!

-Maar OOK extra spaties in bestandsnamen kunnen lijden tot het niet werken van een link.

Code: Selecteer alles

<a href="kijk hier.htm"> 
<img border="0" src="foto persoon.jpg" width="239" height="216">

--> kijk hier.htm --> bestaat niet !
--> kijkhier.htm --> bestaat wel !

--> foto persoon.jpg --> bestaat niet !
--> fotopersoon.jpg --> bestaat wel !

Dus hier wordt in je bestandnaam geen "spatie" gebruikt maar wel in de link!!!

VERMIJD spaties in bestandsnamen!!!
De "spaties" kan je bv vervangen door "_"'
bv. foto persoon.jpg --> foto_persoon.jpg
Wanneer je de spaties verwijdert, doe dit dan ook in de bestandsnaam zelf (foto)

VERMIJD ook "tekens" in een bestandsnaam
bv. foto's.jpg --> fotos.jpg
bv. foto's.jpg --> foto_s.jpg
Wanneer je de speciale tekens verwijdert, doe dit dan ook in de bestandsnaam zelf (foto)

Bij het opladen van je webpagina moeten alle bestanden (html, jpg, ed) dezelfde structuur hebben als op je harde schijf. Staan je afbeeldingen bv. in een subfolder "plaatjes" dan moet deze subfolder ook op je server aangemaakt worden !

Ziezo, dit zijn "enkele" veelvoorkomende fouten die onbewust gemaakt worden door gebruik te maken van bepaalde "website building" programma's die niet "kijken" naar hoofd- en/of kleine letters wat servers waarop je je webpagina publiceert wel doen.

Slotsom
Ik heb gezocht wat bij jou de oorzaak is en het heeft te maken met niet de identieke benaming van de foto en de code op je pagina en verkeerde links.

Voorbeeld1: Op de foto-pagina over jezelf staat <img src="Hugo (109).jpg"> MAAR je foto heeft de benaming "Hugo (109).JPG" maw. de extensie JPG staat in hoofdletters!

Voorbeeld2: Op de foto-pagina over je ouders staat <img src="http://home.versateladsl.be/vt6264161/index/AA.jpg"> MAAR
1ste weer de benaming van de foto is AA.JPG en in de code staat AA.jpg;
2de de link is niet "http://home.versateladsl.be/vt6264161/index/AA.jpg" MAAR "http://home.versateladsl.be/vt6264161/AA.JPG" DUS zonder submap index erin.

Let ook op de andere hierbovenvermeelde opmerkingen ivm spaties, leestekens, ed. --> te vermijden!

Veel succes.

mvg
Coderunner

Huga · 29 dec 2007, 14:43

Dag 'Coderunner',

bedankt voor je uitvoerig antwoord.
Ik ga dat vanavond eens rustig bekijken en dan laat ik je nog wel iets weten.

Groetjes,
Hugo

Huga · 29 dec 2007, 23:08

Goeie avond,

ik had beloofd nog iets te laten weten : wel, het probleem is opgelost !
Waarvoor nogmaals mijn dank.
Hugo

coderunner · 02 jan 2008, 21:11

Huga schreef:... het probleem is opgelost !
Waarvoor nogmaals mijn dank.
Hugo

Beste Hugo,

Geen probleem en bedankt om dit hier te laten weten.

Een gezond 2008 en veel website plezier.
mvg,
Coderuner