CODEWITHSUNDEEP
htmlcss
km0375
km0375

Reputation: 15

Images not working on website?

Hi everyone please bear with me if there is a simple reason for this as this is the first site i have designed and hosted, and its taken long enough just to sort out how to get it uploaded and the domain name pointing to it correctly.

The issue is I designed my website in dream weaver CS5. I created a separate folder to store all images associated with the site. unfortunately after uploading the site and visiting it the images are all missing and i am not sure why? The site is brettmoney.com or brett money.co.uk.

Secondly this isn't a major issue and i still need to play around with it and could be easy to fix but my nav bar at the top shifts onto 2 lines in IE but is correct on chrome.

Thank You

Upvotes: 0

Views: 84

Answers (4)

Rajnish Bakaria
Rajnish Bakaria

Reputation: 116

this is due to the path problem which you have specified like Images instead of images.So use images/logo.png. And secondly your top navigation is breaking in IE browser due to spacing. You have to decrease the padding which you have given in .NavBar ul li { margin: 0px; **padding: 0px 16px;** list-style: none; display: inline;

Upvotes: 0

Lyndon Armitage
Lyndon Armitage

Reputation: 452

Have you placed your Images folder inside your public_html folder? As this may be the cause as I get a 404 error when looking for that folder.

Edit: From the looks of it you need to make sure you are using the correct case as the folder images exists but not Images

Upvotes: 0

Dave
Dave

Reputation: 3882

your image paths are case sensitive, I changed one from Images/Next_Event_UK_north_hants.png to images/Next_Event_UK_north_hants.png and it appeared

Upvotes: 1

Akshat Goel
Akshat Goel

Reputation: 528

Images/Logo.png should be images/logo.png

Case matters for *nix based environments.

Upvotes: 1

Related Questions