pete1607

I’m hoping someone will be able to help, and am hoping it’ll just be something simple I’m missing…I’m very new to web design and am currently working on a site in my (limited) spare time. I’ve only gotten so far as having a couple of temporary pages uploaded stating that the site is under construction.

Trouble is, on one of the pages, there is supposed to be an image in the top left-hand corner. This image displays absolutely fine when the site is previewed in Dreamweaver (8), but just will not show when viewing over the web.

I’m using layers and am working with the design view in Dreamweaver, rather than code, so am assuming that the code will be correct as it is written by the software. The image is a background image, with the code - background-image: url(images/Logo%20-%20cropped%2030%25%20opacity.png); This URL seems fine, as it opens the correct file in Fireworks.

I’ve tried editing the code <div id="image-box-1"><img src="images/Logo – cropped 30% opacity.png" width="474" height="281" /></div> Again, this works fine in Dreamweaver but not in the real world.

I read somewhere that there may be a permissions problem, and that this can be changed in the FTP but, being a novice, I got lost at ‘permissions’. I’m using a company called ‘JustHost’ to host the site. I can’t seem to find my files in the FTP part, or anywhere, in the control panel. Is this because I used Dreamweaver to upload them directly, or would that not make a difference?

If anyone can help it would be appreciated, because I’m very close to going insane!

Thanks

Pete

GalaxyTramp

Hi Pete

This might seem a bit obvious but have you actually uploaded the images to the images folder that you should have created on the server?

I would also rename the images, you appear to have spaces in the naming, the %, which can cause problems. If you need a space use a dash or an underscore instead.

Regards

GT

junior

If it is on the server side you can edit the permissions of any file that you have uploaded. I had this issue with my latest site as the FTP Client I had used uploaded them with permission 644 - only the owner has read and write permissions. The group and others can read only.
I had to manually change them all to 755 - Everyone can read the directory, but only the owner can change its content.
You should be able to change the permissions within the file manager folder of your hosting site.

Hope this helps.

pete1607

Thank you both for your replies. It turned out the problem was simply an over complicated filename. As you said GT, I took out the spaces and %, renaming it 'logo_cropped_opacity30', and it works fine.

I had a feeling it would be something to do with the filename; I had changed it before to something really simply but it still didn't work. I guess in my frustration I had then forgotten to actually upload it or something.

Anyway, thanks again guys.

GalaxyTramp

Hi Pete

Try to get into the habit of using all lower-case when naming files and images, and do not use spaces.

Images should also have some meaningful name for SEO and usability purposes.

For example I really have not a clue what the image named "logo_cropped_opacity30" actually looks like from the file name. If you had called it "mysite_logo_opaque" I could then tell that it is an opaque version of your website logo. Just an example of course.

Remember that once you have your website up and running, you will want to be able to navigate the file structure with ease so name everything with relevance and create a logical directory structure.

Regards

GT

pete1607

Thanks for all your advice GT. I can imagine that the file directory is going to be a bit of a headache to maintain.

I'm with you on the relevance thing though, it might look wierd but 'logo_cropped_opacity30' tells me that it's a smaller version of the original logo file and that it is at 30% opacity (if that makes sense). I have another similar file at 40%; I was playing around with different levels of opacity/transparency to see which one looked best.

Ironic that my efforts to be so exact in the filename is what caused caused it to not appear on the site at all!

All the best

Pete

GalaxyTramp

Hi Pete

The directory structure will be a breeze and cause no headaches if you give it some prior thought. You can find lots of simple, and not so simple, articles about this if you do a search on the web so I will not repeat it here.

I agree that your image naming means something to you but you need to consider the SEO and accessibility considerations.

I could name this image "sheep.gif" but would it not be more descriptive to name it "brownface_sheep.gif". There are limits of course but I think "brownface_sheep_with_big_eyes_and_fourlegs.gi f would be total overkill

If your image is a version of your site logo then why not name it as such??


Dont forget to use the image alt tag to good advantage also, this should give a good description of the image. Once again plenty of advice about this with a web search.

Hope all this helps and good luck with your web site, remember that a little forward planning can save a lot of grief later on.

GT