hello

i need some help as i am quite new to web design but have created a website to greennet but i have a problem with images, when i try to view the image i have on the website it just comes up with a blank box with a red cross and i am unsure why?
I can look at the images on NVU which is the software i have used to create the website bu not on the web page on greennet server.

I have also tried lower the security settings and makes no difference. What can i do?

ahiggins

Comments

Re: images

Hi Alistair

I think you sorted it out soon after posting this, but here’s an answer anyway.

By far the most likely reason is that your browser (Internet Explorer by the sounds of it) can’t find the images because they aren’t uploaded to the correct place. When you publish (upload) a page, NVU will not necessarily also upload the graphics you have added to the page. When you click “Publish” there is an option to also publish images, “Include images and other files”, which should be ticked. (You can choose whether you want to put all images into one folder, or have them in the same location as the page – the latter is probably simpler.) You can check where the browser will look for the image, by right-clicking on the image in NVU and choosing Properties > Image Location (or by clicking on the ‘Source’ tab at the bottom of the screen). If this says “file://My Documents/logo.gif”, the “file://” means the image is still on your computer’s hard drive and hasn’t yet been uploaded. Adding more images to the page is one way to get NVU to ask the question again about whether all images should be uploaded.

Sometimes the browser cannot find the image because the path to the image is wrong. For example, the page can link to a file “/images/logo.gif” (in the images folder) when the file has been uploaded simply as “logo.gif” in the current folder. Again check the Image Location setting (or the page source) points to the right file. Another problem can be that Windows and Mac OS are case-insensitive – “Images/Logo.gif” and “images/logo.gif” refer to the same file. This is not true once the file is uploaded, so the second link, manually typed might have worked when looking at the file on your computer might produce a “broken image” icon.

Very rarely, MS Internet Explorer can also show this symbol if the file type settings are not set correctly for this file extension in the Windows registry. The standard image file types on the web are image/jpeg, image/gif, and image/png. BMP and TIFF shouldn’t be used. Also IE allows you to “Toggle Images” on and off. Both these would produce similar symptoms to what you describe, but would also be noticeable on other, finished web pages.

Featured services

GreenNet provides a unique anti-spam service geared to NGOs, the voluntary sector, charities and activists.

Our managed Drupal hosting is for organisations who want a managed and dynamic presence on the web with easy access to expert Drupal advice and development support.

GreenNet web projects are all about planning, designing, building and hosting websites that work for you and the issues you’re working on.