Afbeeldingen plaatsen
-
rewi - Lid geworden op: 14 feb 2006, 16:31
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
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 - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
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
Graag reaktie
mvg,
Coderunner
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">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 - Lid geworden op: 14 feb 2006, 16:31
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
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 - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
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.
5- Klik op "Toepassen" en vervolgens op "OK"
De extensies van de bestanden worden nu getoond.
mvg,
Coderunner
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.
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 - Lid geworden op: 14 feb 2006, 16:31
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
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 - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
Beste rewi,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">
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">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 - Lid geworden op: 14 feb 2006, 16:31
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
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 - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
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
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.
-
coderunner - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
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.
3- Bewaar het bestand terug als bridge.htm
mvg,
Coderunner
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">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 - Lid geworden op: 14 feb 2006, 16:31
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
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 - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
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
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
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">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 - Lid geworden op: 11 mei 2009, 13:59
- Locatie: Limburg > Genk
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
(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 - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
Antwoord van rewi staat HIER
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
Nog veel succes met je website en tot de volgende ...
mvg,
Coderunner
@moderator: probleem opgelost
Beste rewi,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
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
Dat is graag gedaan en bedankt om dit hier te melden.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!
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.