New Site - Graphics (pics) not...

User 377292 Photo


Registered User
9 posts

Hello,

I have just updated an older site that I was asked to take over. This is my first with CC. The old pages have been removed and new installed using CC free FTP..

All pages (6) have a header pic and graphic. When I open the site these and all other photos in the other pages do not display. Doing a right click and open the properties does display the right path to them.

Also one my page navigation links "About" doesn't work yet the info displayed by utilites shows the correct path.

the file structure is basic:

buck-a-boo-acres
public
the index.html and buck.css
sub folder "images" with the pics etc,
sub folder "pages" with the 6 pages.

I have no problem during testing on my system -- either in Preview mode, or using FireFox or IE7. Both recent versions.

"http://www.buck-a-boo-acres.com/"

All ideas appreciated.
Thanks, Glenn
G.A.Pedersen
User 37670 Photo


Registered User
2,138 posts

I would say that the images are not loaded to the "images" folder on your server. If you are using the Visual Site Designer, I have seen that sometimes you need to upload more than once to get all the images transfered.
Try uploading again. If you have access to a control panel from you hosting company, have a look in the file manager and see if all the pictures are indeed inside a folder called "images", and that the file names match. You can also upload from most file managers, and that could work.
E-Learning Specialist
www.mainsites.ca is my website, and yes, some of it is crappy.
User 377292 Photo


Registered User
9 posts

hello Cliff

I'm just using HTML 2008 and free FTP, I just went into my site file manager, all image files are there and show a kb size that looks proper. Also just uploaded everything again.

tested, and same result.
need to get this resolved, don't want to reload the old system.

thanks,
Glenn
G.A.Pedersen
User 37670 Photo


Registered User
2,138 posts

Hi Glenn,

I still say (and may be proven wrong) that is is a problem with either the images not being in the right place, or the links not being written in a way that points to the location.
Here are a couple things to try...
1- Double check that all image file names are correct.
2- Check for CAPS. (Images and images are 2 different folders)
3- Check the links.
Your images are set up to look for them here:
http://www.buck-a-boo-acres.com/images/guestlodge.gif
and your link code points to:
src="../images/guestlodge.gif"
so maybe get rid of the ../ unless the image folder is not directly inside the folder that has the web pages, you don't need ../ This usually points "up" one level. You may not need it.
Just for fun, change one page so that image links contain the entire URL, as in:
http://www.buck-a-boo-acres.com/images/guestlodge.gif
That is where the image is supposed to be. If the image was there, with that name, it would show up in the browser when you go to that page. I get a 404 file not found error, so the image name, link or location is not correct.

The other thing to look for, and it may not be related, is to turn off "hot link protection" in your control panel. If that does not fix it, you can always turn it back on.

The last thing I am going to look for is possibly something in your .css file that is contradicting your html.

Good Luck, and let us know if you resolve this.
E-Learning Specialist
www.mainsites.ca is my website, and yes, some of it is crappy.
User 377292 Photo


Registered User
9 posts

hello again,

I did get hold of tech at telushosting, and they reviewed it also. He did move all the images up to the root (buckaboo / public) and I modified my code to link there as well (eg. just the basic src="guestlodge.gif" ) and also move all html files there as well, after mods to each href .. Not happy about that since I have always liked an orderly system..

Well, that didn't work either..

Since its just the images out of wack, I'll put in the full http path and give that a go. Will get back here later, one way or the other.

thanks,
Glenn
G.A.Pedersen
User 377292 Photo


Registered User
9 posts

Hi Cliff,

Did a full review and yes it was a difference in the Image / image and also some of the file names themself. Caps - no caps.

There's a bit of tweeking to do but its up and running. Tested great in IE7, but Firefox is throwing off the navigation area a bit, something for me to work on. Could be the CSS. First time for that as well.

Having programmed for years with great visual stuff I got kind of lazy - I guess, but the curve has been a challenge too.

Just need another project now!

Thanks again.
G.A.P :D
G.A.Pedersen
User 37670 Photo


Registered User
2,138 posts

The site looks great. Glad you got it working.
To make it more organized, you can create a folder for your images. I usually call mine img for short. Move all your images into the img folder, and add img/ to your image links, and that will point the links to the images. Make sure the img folder is in the root of your website, so that when you go to the root you see all the .html files and the img folder is also there.
That will help to organize the site a little and all the images should work just fine.
Example link:
src="img/guestlodge.gif"
E-Learning Specialist
www.mainsites.ca is my website, and yes, some of it is crappy.
User 377292 Photo


Registered User
9 posts

Cliff,

Will fix this up, and be more consistent.. I did notice when I played with the visual editor or inserted an image by dragging it into the html file, it would create a caps filename..

Will get my mods done later today, and another Qestion .. pics - text - and spacing / borders. How to get a buffer between the pics and text - should one go to a div for each and positioning? I dont like text running into the wall - so to speak!

anyways, have a great day.
thanks, Glenn
G.A.Pedersen
User 37670 Photo


Registered User
2,138 posts

Old Hoot! wrote:
Cliff,


another Qestion .. pics - text - and spacing / borders. How to get a buffer between the pics and text - should one go to a div for each and positioning? I dont like text running into the wall - so to speak!
thanks, Glenn

Glenn, the best way to control that is by using the style sheet. I use a "class" for images that I want to control differently. Example:

.img1{margin-left: 25px;margin-right: 15px;margin-top: 10px;margin-bottom: 10px;}

Now when you insert an image, you can add class="img1" to your image code, and that will give you an image with an invisible barrier around it, 25px on the left side, 15 on right and ten on top and bottom. Adjust the numbers as you see fit.
If you want all images to have the same spacing, change .img1 to simply img
Now all img tags will have spacing. I like the .img1 idea because I can create more classes with other rules, like:
.img2{align: center;}
or even combine, such as:
.img3{margin-left: 25px;margin-right: 15px;margin-top: 10px;margin-bottom: 10px;align: center;}

Hope that helps.
E-Learning Specialist
www.mainsites.ca is my website, and yes, some of it is crappy.
User 377292 Photo


Registered User
9 posts

Cliff,

Everything worked great, just copied it as you suggested into the css and applied the class to the images.. Cool.. I have gain some great knowledge from this and will practice some things I want to try.

And Again,
Thanks, Glenn.

Hopefully I can pass along to others. Just have to think inside and outside of the box at the same time.
G.A.Pedersen

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.