Image Naming Protocols... what to do

User 153928 Photo


Registered User
123 posts

I know this is a very basic issue but I'm a little confused.

I gather from reading that spaces aren't on in nameing but I'm just wondering if there are any other issues I'm missing.

Some of my image files have spaces & I need to correct them, the others don't & none of them appear on my site. The files are on the server.

I did have a similar issue with the logo image for which I did a number of name variations & initially nothing would show up but then for some reason they all eventually appeared.

Any suggestions would be appreciated.

http://www.thelittlecashbookcompany.com

On a side note when I try Upload Entire Website Project nothing seems to happen & I've been uploading by the option below (selected files).

Thanks guys
User 153928 Photo


Registered User
123 posts

and yes I know it's not pretty & there's width issues etc but I wanted to get this sorted before I get too excited.
User 38401 Photo


Senior Advisor
10,951 posts

Well one thing I see when I look at your images (via the source code links) is that some say they have errors so they cannot be displayed. Not sure what that's about but that would most likely be why they don't show up.

As for the Naming protocols for files in general:

no spaces

dashes and underscores are accepted space variations so instead of saying:

my image.jpg

you would say:

my_image.jpg or my-image.jpg

capital letters are sometimes a preference, but should be avoided whenever possible because most people that type website page addresses will not be using caps and the internet treats the files as separate entities so:

My_Image.jpg

is not the same as:

my_image.jpg

or

My_image.jpg

etc etc. each one of those names is seen as a totally different file.

Other than that you should do your file naming prior to linking it in your site for best results so you don't have to go back and redo it later which may be what some of your issues are.

Good luck on it and hope that helps some :)
User 153928 Photo


Registered User
123 posts

I don't know Jo Ann...

I did notice that on the server the Images directory has a capital but on my local computer I changed it to a lower case. I changed the first (of the 6) font images to have a capital I & left the remaining 5 with a lower case i. Reuploaded but now everything is showing up???

I might just remove everything from the server (if I can), rename as you suggested & reupload & see how that goes... later... as I need to get the kids ready for school.

Thanks again
User 38401 Photo


Senior Advisor
10,951 posts

Just be sure that the file names and the links to those files are all the same so if you name your image or file:

filename.jpg

make sure your link in your webpage is also

foldername/filename.jpg

and that if you changed and uploaded the file names that you go back and change those links to those files in your pages to match and you should be ok.
User 453426 Photo


Registered User
64 posts

i'm looking at your css, and I don't see where you've actually set the header image.


header, footer, aside, nav, article, section { display: block; }
body { color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; }
h2 { color: #333; }
a { color: #337810; }
p { margin: 0 0 18px; }
#container { width: 760px; margin: 0 auto;}

/* Header */
header { background: #333; border-bottom: 2px solid #aaa; }
header h1 { color: #fff; margin: 0 0 3px; padding: 24px 18px 0; }
header p { color: #ccc; font-size: 11px; font-weight: bold; padding: 0 18px; }

/ in the body you have /
<header>
<h1>I hope this works...</h1>
<p class="description">the header image isn't loading. I can't fathom how something so simple cannot work???</p>
</header>


if you're trying to add a background image to your header, you'll need to use something like:
background-image:url('/image/filename.jpg'); in the css for your header

User 153928 Photo


Registered User
123 posts

Hi Brian,
am on an Easter break away from home so nothings going to happen until Monday at least. When I said header image I only meant the pic now showing. I haven't got anything in the header area as far as a background or anything like that yet. Still have to go through & do the file renaming as per Jo's suggestion which didn't happen before I left home... didn't even get time to remove those comments.
Thanks for the feedback, will let you know when I've done something more. Looking forward to getting back to it.
Cheers
Robbie

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.