Afbeeldingen plaatsen — Forum

rewi Startte dit onderwerp 07 mar 2010, 15:41 12 berichten

Hallo,

Heb de cursus "website maken van seniorennet" afgemaakt, ben nu aan het oefenen met een website aan te maken, heb echter problemen met hetplaatsen van een afbeelding. wat doe ik fot ???
mijn werkwijze:
Rechtsklikken op logo
opslaan als ( website staan in mijn documenten.)
documenten - website openen +opslaan
ingave <img src=" logo.jpeg" width= "200" height= "200">

telken krijg ik kader met linksboven roodX kader is wel omrand.
wat doe ik fout, wie weet raad?
groeten Rewi

coderunner 07 mar 2010, 17:39 Aubauke - Aentwaerepe 1.828 berichten

Beste rewi,

Kijk wanneer je het logo bewaart dan zie je dat het bestand logo.gif heet.
In je html code geef je dit bestand de extensie *.jpeg.
Alles wat je in de html code schrijft moet een identieke (dezelfde) schrijfwijze hebben als het bestand zelf dat je hebt opgeslagen (hoofdletters en kleine letters - extensies - ...)

Ik geef enkele voorbeelden
1- De afbeelding, foto, ... staat NIET in dezelfde map waar ook de html pagina staat.

2- In je html code staat:
2-a. <img src="Logo.GIF" width="100" height="150" alt="foto" border="0">
MAAR de foto heet niet Logo.GIF maar logo.gif
dus een verschil in hoofd- en kleine letters

2-b. <img src="logo seniorennet.gif" width="100" height="150" alt="foto" border="0">
MAAR de foto heet niet logo seniorennet.gif maar logoseniorennet.gif
dus een verschil in aan elkaar of van elkaar
Vermijd spaties in bestandsnamen. Deze spaties vervang je door een - of _ of schrijf alles aan elkaar:
logo seniorennet.gif >> vervang door logo-seniorennet.gif
logo seniorennet.gif >> vervang door logo_seniorennet.gif
logo seniorennet.gif >> vervang door LogoSeniorennet.gif
MAAR zoals steeds html code en het bestand moeten dezelfde benaming hebben!

2-c. <img src="logo.jpg" width="100" height="150" alt="foto" border="0">
MAAR de foto heet niet logo.jpg maar logo.gif
dus een verschil in extensie van de foto

Besluit de schrijfwijze moet identiek (= hetzelfde) zijn!

De html code moet, als je de cursus gebruikt de volgende zijn

Code: Selecteer alles

<img src="logo.gif" width= "200" height= "200">

Graag reaktie

mvg,
Coderunner

Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.

rewi Startte dit onderwerp 08 mar 2010, 11:20 12 berichten

Hallo coderunner,
Dank voor je reactie, het wil me echter niet lukken.
de figuur die ik op de site wil zetten geeft volgende gegevens
Logo%20VBL ( logo van de Vlaamse Bridge Liga, afgehaald vande site)
200x200
JPEG-afbeelding

Mijn ingave
<img src="logo%20VBL.JPEG-afbeelding" width="200" height="200" alt="afbeelding">
Is dit de juist???
groetjes rewi

coderunner 08 mar 2010, 16:44 Aubauke - Aentwaerepe 1.828 berichten

Beste rewi,

Wat is de url van de website waar je het logo hebt afgehaald?
Wanneer je iets afhaalt van een website, dan heeft dit gewoonlijk de extensie *.jpg of *.gif of *.png of *.bmp
Het heeft zeker niet de extensie "*.JPEG-afbeelding".
Probeer eens met
<img src="logo%20VBL.jpg" width="200" height="200" alt="afbeelding">

Indien dit niet lukt dan:
Kan je een schermafdruk maken van de map met de bestanden die je hebt opgeslagen m.a.w. waar het logo instaat?

Maar doe eerst het volgende alvorens je een schermafdruk maakt.

Om de extensie van de bestanden (bv. gif, jpg, htm, ...) op je harde schijf te tonen :
1- Ga naar >> Start >> Bureau-accessoires >> Windows Verkenner
2- Als Wndows Verkenner geopend is, neem je in het menu bovenaan >> Extra >> Mapopties
3- In het nieuwe venster neem je het tabblad "Weergave"
4- Je scrollt naar beneden tot je de tekst "Extensies voor bekende bestandstypen verbergen" en haalt daar het vinkje weg.
Afbeelding

5- Klik op "Toepassen" en vervolgens op "OK"
De extensies van de bestanden worden nu getoond.

mvg,
Coderunner

Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.

rewi Startte dit onderwerp 08 mar 2010, 21:57 12 berichten

Dag coderunner.
Nog altijd geen afbeelding,
Heb vinkje naast "extensies voor bekende bestandstypen verbergen" weggedaan.
Nu staat bij het logo%20VB.jpg (jpg stond er eerst niet)
ingave <img src=" Logo%20VBL.jpg" width="200" height="200" alt="afbeelding">
resultaat blijft kader met kruisje.
mvg rewi
schermafdruk

coderunner 08 mar 2010, 22:21 Aubauke - Aentwaerepe 1.828 berichten

rewi schreef:Nu staat bij het logo%20VB.jpg (jpg stond er eerst niet)
ingave <img src=" Logo%20VBL.jpg" width="200" height="200" alt="afbeelding">

Beste rewi,

Je schrijft dat het logo op je harde schijf in de map de bestandsnaam "logo%20VB.jpg" heeft ... (met kleine letter l)
In je html code schrijf je " Logo%20VBL.jpg" waarin je een hoodfletter gebruikt
1- Verschil in hoofd- en kleine letters,
2- Verschil in bestandsnaam : ene heeft nog een extra L (zie oranje kleur) achteraan in de bestandsnaam en andere niet
3-Ook is er een spatie tussen het aanhalingsteken en de L

m.a.w. de bestandsnaam in je html code is NIET hetzelfde geschreven als de eigenlijke bestandsnaam van het logo !!! (zie mijn vorige opmerkingen)

Als ik naar de website ga van VBL, en ik download daar het logo, dan heeft het de bestandsnaam:
"Logo VBL.jpg"
Als je op dezelfde pagina het logo heb gedownload, dan is de code

Code: Selecteer alles

<img src="Logo VBL.jpg" width="200" height="200" alt="afbeelding">

Kijk ook na dat het logo bestand in dezelfde map staat waarin je het html bestand hebt bewaard!

mvg,
Coderunner

Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.

rewi Startte dit onderwerp 09 mar 2010, 23:40 12 berichten

Dag coderunner,
ja man niets lukt wat doe ik toch verkeerd???
ga even uitleggen wat ik gedaan hebt misschien valt er u iets op wat fout is.
tekstdocument aangemaakt/ geopend/opslaanals bridge.htm - allebestanden/
bij mijn documenten nieuwe map gemaakt bridge htm,htm in map opgeslagen.
verschillende items tekst ingeven alsook een hyperlink alles ok daarmee.

Afbeelding binnen nemen.
website vbl.be/ bij wie zijn wij /vbl genomen.
met RM op logo/afbeelding opslaan als/mijn documenten / map bridge.htm
aangeklikt/ openen ,opslaan.mijn bridgedocument htm en logo staan netjes naaast mekaar.
dan komt het he < met img src niets lukt weet het niet meer,wat zit er toch fout? weet u het durf het haast niet meer te vragen.
dank voor je hulp, mvg
rewi

coderunner 10 mar 2010, 01:25 Aubauke - Aentwaerepe 1.828 berichten

Beste rewi,

Dat is geen probleem, we proberen gewoon verder te zoeken tot het bittere einde

Kan je eens een schermafdruk maken van de map waar je deze bestanden (het html-bestand en het logo) in hebt opgeslagen en deze hier plaatsen ?

mvg,
Coderunner

Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.

rewi Startte dit onderwerp 10 mar 2010, 17:48 12 berichten

hallo coderunner,
hierbijgevoegd het door u gevraagde,
mvg
rewi Afbeelding

coderunner 10 mar 2010, 19:31 Aubauke - Aentwaerepe 1.828 berichten

Beste rewi,

Wanneer ik je eerste schermafdruk bekijk, dan staan er in de map 2 bestanden nl.
Logo%20VBL.jpg
bridge.htm

1- Open het html bestand bridge.htm zodat je de html code ziet

2- Kopieer en plak onderstaande code op de plaats waar je het logo wenst te tonen.

Code: Selecteer alles

<img src="Logo%20VBL.jpg" width="200" height="200" alt="afbeelding">

3- Bewaar het bestand terug als bridge.htm

mvg,
Coderunner

Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.

rewi Startte dit onderwerp 10 mar 2010, 21:51 12 berichten

dag coderunner,

Hier zijn we weer,
heb dus nogmaals geprobeerd heb uw code vanuit forum gekopieerd naar html; geen resultaat.

ben gaan expirimeteren met anderen afbeeldingen met als dit resultaat?
Alle afbeeldingen met gif geen probleem komen alle netjes tevoorschijn prachtig he.
Van de afbeeldingen met jpeg een gedeelte komt netjes tevoorschijn en een aantal andere niet altijd kader met kruisje.
rarara
groetjes
rewi

coderunner 10 mar 2010, 22:37 Aubauke - Aentwaerepe 1.828 berichten

Beste rewi,

Dat is inderdaad zeer raar ...

Wanneer je het logo (Logo%20VBL.jpg) aanklik in de map waar je deze hebt opgeslagen, wordt dit logo dan zichtbaar in Windows Viewer ?

Ga eens naar de map waar je de twee bestanden hebt opgeslagen
en hernoem het bestand "Logo%20VBL.jpg" naar "Logo.jpg"

De html code wordt dan

Code: Selecteer alles

<img src="Logo.jpg" width="200" height="200" alt="afbeelding">

Stuur anders de bestanden bridge.htm en Logo%20VBL.jpg eens op naar mijn email adres. Indien je dit wil doen, laat het me dan weten, dan geef ik je mijn email adres in een privé-bericht.

mvg,
Coderunner

Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.

ultddave 11 mar 2010, 12:25 Limburg > Genk 248 berichten

Het probleem is volgens mij dat hij de foto in Windows hernoemd heeft. Want Windows gebruikt niet die %20 = spatie notatie. Dus de bestandsnaam bevat effectief een procent teken + het cijfer 20. En geen spatie.

(Zie zijn bovenste screenshot.)

Terwijl de URL bij de "src" van de <img> tag, die %20 niet letterlijk gaat gebruiken, maar omzetten naar een spatie.

Dus:
"Logo%20VBL.jpg" = filename
"Logo VBL.jpg" = URL waarbij die %20 vervangen is.
=> Geen foto zichtbaar.

--------------------

<img src="Logo%2520VBL.jpg" width="200" height="200" alt="afbeelding" />

Of

<img src="Logo%25%32%30VBL.jpg" width="200" height="200" alt="afbeelding" />

Zal waarschijnlijk wel werken. Maar het is best om nooit spaties in de bestandsnamen te gebruiken. De file hernoemen naar Logo, zoals Coderunner zei, is de beste oplossing om problemen te vermijden.

Mvg,
Dave

.NET en Java Programmeur

coderunner 11 mar 2010, 14:40 Aubauke - Aentwaerepe 1.828 berichten

Antwoord van rewi staat HIER

rewi schreef:Beste coderunner,

hallo, denk dat we er zijn, heb het logo dus herbenoemd zoals u gezegd hebt, en het lukte.
heb de afbeeldingen in jpg die gisteren ook niet gingen ook herbenoemd met logo 1-2-3-4 enz en alles ok.
heb ook nog wat willekeurige afbeeldingen van internet gedownload allemaal jpg de ene gaat de andere niet na herbenoeming met logo10-11-12 enz waren deze ook ok.
Waarom de ene gaat en de andere niet is voor mij ?????
denk dat we er nu wel uit zijn niet
Dank,dank en nog eens dank voor je prachtige hulp had er anders nooit uitgeraakt.
vriendelijke groeten,
rewi

Beste rewi,

Zie je wel, de aanhouder wint en we zijn dan toch tot een oplossing gekomen.
Lees ook dit nog eens door wat ik toen ook reeds gemeld heb

Vermijd spaties in bestandsnamen. Deze spaties vervang je door een - of _ of schrijf alles aan elkaar:
logo seniorennet.gif >> vervang door logo-seniorennet.gif
logo seniorennet.gif >> vervang door logo_seniorennet.gif
logo seniorennet.gif >> vervang door LogoSeniorennet.gif
MAAR zoals steeds html code en het bestand moeten dezelfde benaming hebben!

Dat is graag gedaan en bedankt om dit hier te melden.

Nog veel succes met je website en tot de volgende ...

mvg,
Coderunner

@moderator: probleem opgelost

Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.