Afbeeldingen werken niet

Status
Niet open voor verdere reacties.
G

gast0145

Gebruiker
Lid geworden
12 nov 2011
Berichten
10
Hallo,

Ik ben een beginner wat betreft het webgebeuren. Ik maak gebruik van filezilla met foto's uploaden, ik sleep ze in de map www en vervolgens komen de foto's niet online op de desbetreffende pagina (s) te staan.

voorbeeld http://www.eltoro-group.nl/contact_trucks deze werkt nu wel, als ik deze echter op de webshop www.wsi-shop.nl onder de link contact wil neerzetten kan ik de url code invoeren in het cms systeem. De afbeelding word wel zichtbaar, druk ik dan op update, en bekijk de pagina als '''klant'' staat er een rood kruisje. Wie kan mij hiermee helpen of wat doe ik verkeerd?

Alvast bedankt.
 
hallo :thumb:

Ik denk dat je URL-code van je fotos niet juist zijn weergegeven in je html-pagina
In je HTML staat img src="../contact_trucks.jpg"
terwijl je kijkt naar de eigenschappen van je foto het URL-adres het volgende is
http://www.eltoro-group.nl/webshop/informatie/6/contact_trucks.jpg
Dus zal je de code moeten aanpassen in je HTML en deze gebruiken
img src="http://www.eltoro-group.nl/webshop/informatie/6/contact_trucks.jpg"

Groetjes :cool:
 
Warm, maar nog niet helemaal! :)
Als je kijkt naar het plaatje met als src: http://www.eltoro-group.nl/webshop/informatie/6/contact_trucks.jpg kom je niet op het plaatje uit, maar op de contact-pagina zelf.
  • Huh? :shocked: Dat is een eigenaardigheid van het CMS. Normaal gesproken hoor je, als je dat in de adresbalk van je browser plakt, een foutmelding "404 - Bestand niet gevonden" te krijgen. - Want op die plek zit de afbeelding niet.
  • Hier niet! Het CMS wil de bezoekers kennelijk niet met niet bestaande bestanden of niet bestaande pagina's opzadelen, en heeft bedacht dat je dan automatisch wordt doorgestuurd naar een wel bestaande pagina (in dit geval: de contact-pagina).
Maar: even terug naar af. Het plaatje is geüpload naar de map ""www" op de server, en zit dus in de "root"-map, de hoofdmap van de site.
Daarom klopt het dat je 'm te zien krijgt als je naar http://www.eltoro-group.nl/contact_trucks.jpg gaat.
  • Terzijde: de wsi-shop is een onderafdeling van de eltoro-site, maar heeft een apart webadres wsi-shop.nl. Dat domein is via een frameset een doorstuur-domein: je ziet het niet in de adresbalk, maar eigenlijk ben je in de site van eltoro aan het bladeren.
Goed, de afbeelding zit dus hier: http://www.eltoro-group.nl/contact_trucks.jpg.

Da contact-pagina staat in het echt hier: http://www.eltoro-group.nl/webshop/informatie/6/, terwijl je in de adresbalk nog steeds http://wsi-shop.nl/ ziet staan.
Daar ben je dus niet, maar dat wordt verduisterd door de frameset: in wezen zit je in het mapje "6" in het mapje "informatie" in het mapje "webshop" dat in de hoofdmap zit. Maar liefst 3 niveaus lager dan je zou denken.

Als je nu op de (echte) webpagina via het CMS invoert ...:
HTML: 
...
<img src="../contact_trucks.jpg" alt="" width="663" height="123" />
...
... dan gaat de browser zoeken in het mapje dat 1 niveau hoger zit dan de map "6" waar de pagina in zit: d.w.z. het mapje "informatie". En daar zit de afbeelding niet, die zit nog twee mapjes hoger.
Dat moet dan ook in de code ingevoerd worden:
HTML: 
...
<img src="../../../contact_trucks.jpg" alt="" height="123" width="663">
...
... en dan komen de vrachtwagens direct uit de garage rijden, de contact-pagina op.

Maar wat hier wel zo makkelijk is, om je niet in al die puntjes te verslikken *), is om niet met relatieve links in de pagina's te werken, maar lekker met een absolute link, direct naar de vindplaats (dus inclusief het http-voorvoegsel):
HTML: 
...
<img src="http://www.eltoro-group.nl/contact_trucks.jpg" alt="" height="123" width="663">
...
Dan ben je meteen waar je wezen moet: op http://www.eltoro-group.nl/contact_trucks.jpg :) **)

Met vriendelijke groet,
CSShunter
________
*) Het CMS is daar ook mee aan het hannesen, want dat laat bv.
http://www.eltoro-group.nl/webshop/informatie/6/ en
http://www.eltoro-group.nl/webshop/informatie/5/ en
http://www.eltoro-group.nl/webshop/informatie/6/contact/ (1 niveau lager!) allemaal naar dezelfde contact-pagina gaan. :eek:

**) Trouwens nog zo'n eigenaardigheid van het CMS: je kunt zomaar de bestandsextensie .jpg weglaten, dan werkt het ook.
Rare jongens , die Romei... CMS'sen. ;)
 
Bedankt voor het meedenken/helpen, ik heb de direct link ingevoerd en de afbeeldingen worden nog steeds niet weergeven op de site zelf, wel wordt de volledige html code aangepast weer naar die puntjes.

wsi-shop.nl is inderdaad een doorstuurservice. Deze staat op het moment zo ingesteld zie afbeelding http://www.uploadplaatjes.nl/plaatje.php?id=239057 . Zijn er nog tips om deze aan te passen?
 
Hoi,
Er staat nu op de pagina:
HTML: 
...
<p><strong><img src="../../contact_trucks.jpg" alt="" width="663" height="123" /><br /></strong></p>
...
Daarmee zit je nog 2 mapjes te laag, blijkt deze keer.
Nog twee setjes puntjes erbij en het moet goed gaan:
HTML: 
...
<p><strong><img src="../../../../contact_trucks.jpg" alt="" width="663" height="123" /><br /></strong></p>
...
Dat werkt als ik het uitprobeer (zie hier).

Maar als je de directe link hebt ingevoerd, zal het CMS er waarschijnlijk het verkeerde aantal puntjes van maken.
Dan kan je ook eens proberen in de settings "Map- en bestandsnamen behouden" aan te vinken, en te kijken wat er gebeurt als je dan de pagina met het img opgeeft. Gaat het helemaal mis, dan weer vlug terugzetten! ;)

Met vriendelijke groet,
CSShunter
 
Laatst bewerkt door een moderator:
Hoi CSShunter,

Ik heb zojuist de url gekopieerd <p><strong><img src="../../../../contact_trucks.jpg" alt="" width="663" height="123" /><br /></strong></p> deze geeft het plaatje wel weer in de CMS, klik ik op opslaan is het plaatje niet zichtbaar en veranderd de code in <p><strong><img src="../../contact_trucks.jpg" alt="" width="663" height="123" /><br /></strong></p>

Met vriendelijke groet,
 
Laatst bewerkt door een moderator:
Hoi Larry ,
Zo, dat CMS is ons dus mooi voor de gek aan het houden. :d
Het lijkt wel alsof het CMS er virtuele mappen op na houdt waar je niet zo makkelijk bij kunt komen...
Een harde link stuurt ie door naar een verkeerde plek (daar maakt ie eerst een verkeerde relatieve link van), en een relatieve link doet ie ook verkeerd. Mooi is dat!

Maar we geven niet op!
Heb je het ook al geprobeerd met de harde link
HTML: 
<img src="http://www.eltoro-group.nl/contact_trucks.jpg" alt="" height="123" width="663">
in combinatie met de instelling "Map- en bestandsnamen behouden" van je CMS:

cms-setting.png

Ik ben benieuwd!
Met vriendelijke groet,
CSShunter
 
Hoi CSShunter,

Ook al geprobeerd, deze werkt helaas ook niet.

Met vriendelijke groet,
 
Laatst bewerkt door een moderator:
Nou, ik ben een boon als ik er wat van begrijp! :shocked:
De links naar de top- en bottom-afbeeldingen zijn óók hard gecodeerd naar de hoofdmap, en die komen wel ter plaatse zonder dat er naar een andere map wordt gegaan. - Wellicht zit dat in een sjabloon, waar het CMS anders mee omgaat ...

Maar als het niet linksom gaat, dan misschien rechtsom: de afbeelding niet opslaan in de hoofdmap, maar in de map waarin het CMS de afbeelding zoekt.
Dat is de map: www.eltoro-group.nl/webshop/informatie/.
Experiment: zie je kans om de afbeelding in die map te plaatsen?

Nog een experiment: wat gebeurt er als je deze link er in zet?
HTML: 
<img src="http://bliksekaters.nl/images/contact_trucks.jpg" alt="" height="123" width="663">
PS: welk CMS is het eigenlijk?

Met vriendelijke groet,
CSShunter
 
Dit werkt!! bedankt voor het meedenken, kan ik de website achtergrond kleur ook eenvoudig aanpassen?
 
Hoi Larry,
Dit werkt!! bedankt voor het meedenken.
Klik om te vergroten...
De aanhouder wint! Maar: hoe is het mogelijk?! Volgens de pagina staat ie nu hard gecodeerd in de hoofdmap!!! Rare jongens, die Romei... CMS'sen. :D

=====
kan ik de website achtergrond kleur ook eenvoudig aanpassen?
Klik om te vergroten...
Als het CMS zo obstinaat blijft doen, niet. ;)
Voor de algemene background-kleur voeg je aan het eind toe bv.:
Code: 
body { 
   background: green;   /* alles wordt stevig groen */
   }
Zo is alles knalgroen geworden, op de achtergrond van de kopregels en een paar witte vlakjes in de invul-vakjes na.
Wil je de zijkanten een kleur geven, maar de pagina zelf (in het midden) niet, dan wordt het bv.:
Code: 
body { 
   background: green;   /* stevig groen naast de pagina */
   }         
.container {
   background: #E7FFFF; /* lichtblauwe pagina-background */
   }
Dat betekent dus: het is uitkijken geblazen.
  • Het zal de hele kleurstelling van de site beïnvloeden, en kan bijvoorbeeld de tekst moeilijker leesbaar maken als de tekstkleur niet ook aangepast wordt. En/of de kleur van de links, en/of de lijntjes of kaders (border-color) om de blokken; en/of een andere (background- of voorgrond-) kleur nodig maken voor de systeem-images als het winkelwagentje e.d., enz.
Voor je het weet ben je dan bezig met een complete restyling van de site. ;)
Kan ook: dan heb je een mooie eigen vormgeving vanuit een aangepast template.

Met vriendelijke groet,
CSShunter
 
Hoi Larry,
Ik zie dat je 'm intussen zelf al gevonden hebt: helemaal onderdaan het stylesheet stond nog een keer body{background:...}, die de eerste aan het begin had overruled. Als je het grijs daar zet, is het o.k. (het kan ook in de eerste bovenaan, als je de laatste weghaalt).
:thumb:

[Is ook een beetje mijn schuld; ik had aangeraden je eigen styles onderaan te zetten: om ze makkelijk te kunnen onderscheiden van wat er al was, en ze evt. weer eenvoudig te kunnen wissen als het niet goed ging, terwijl de rest intact kon blijven.]

Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan