|
|
|
|
Junior Member
|
|
Apr 30, 2009, 03:04 PM
|
|
Images not shown on website file
Hello guys,
I made a website, it works fine when I open it from the site root folder, but the images are not shown when I upload it to my website through FTP.
The file looks like this,
File:///C:/Users/Mahnoor/Desktop/NewWShop2/home.html
What I think is, it's file:/// is the problem... what you think?
Will you please guide me to fix the problem...
Many thanks.
|
|
|
Junior Member
|
|
Apr 30, 2009, 08:35 PM
|
|
Hi,
Yes the file:/// is the problem, the easiest way is to replace the code with the absolute location to the picture.
One example would be "http://www.yourdomain.com/picture.jpg" should you have an extra directory for the pics then it would look something like this "http://yourdomain.com/images/picture.jpg"
It is kind of tough not knowing the file structure. Which program did you use to create the site because most will give you an option to insert pictures that are relative to the file structure and will work instantly after uploading.
Most html editors allow to change the location of the picture by right clicking on it and click properties.
Hope that helps.
|
|
|
Junior Member
|
|
May 1, 2009, 11:15 AM
|
|
I used Dreamweaver my site... and yes I've used both ways to fix the problem e.g. by making an extraw folder just for images in a site root folder(destination folder)... and by putting all the html files and images in same folder... but it didn't help:(
Do have any idea why it happens?
|
|
|
Junior Member
|
|
May 1, 2009, 11:27 AM
|
|
My coding is like this,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hennas Corner</title>
<style type="text/css">
body {
background-color: #709343;
font-size: small;
font-family: Verdana, Geneva, sans-serif;
text-align: center ;
color: #030;
margin:0px;
width:955px;
line-height:1.5em;
}
#header {
background-color:#0709343;
width:955px;
margin:30px 0px 0px 150px;
}
#welcomeTxt {
background-color: #363;
width:955px;
margin:5px 0px 0px 150px;
text:#0709343;
padding:25px;
padding-left:0px;
padding-right:0px;
color: #300;
}
#footer {
width:905px;
margin:20px 0px 50px 150px;
padding:25px 25px 25px 25px;
color: #030;
background-color:#363;
}
#navcontainer{
padding:10px 10px 10px 10px;
margin:10px 0px 25px 145px;
list-style-type: none;
background-color:#300;
width:940px;
font:normal 90% arial, Arial, Helvetica, sans-serif;
text-align:center;
}
#navlist li {
display: inline;
list-style-type: none;
}
#navlist a { padding: 10px 30px 10px 30px; }
#navlist a:link, #navlist a:visited
{
color: #303 ;
background-color: #d67517;
text-decoration: none;
}
#navlist a:hover
{
color:#030;
background-color: #369;
text-decoration: none;
}
</style>
</head>
<body>
<div id="header">
<a href="home.html"><img src="header.jpg" alt="header-1" width="955px" /> </a>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active">
<a href="home.html" id="current">Home</a></li>
<li><a href="about.html">About me</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="Fav.html">Favourites</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</body>
</html>
|
|
|
Junior Member
|
|
May 1, 2009, 11:54 AM
|
|
When you inserted the photo through dreamweaver, did you select "relative to" document?
Insert
Image
Select Image Source box opens
Look all the way at the bottom for "relative to", click document
|
|
|
Junior Member
|
|
May 1, 2009, 12:33 PM
|
|
I've checked and it says
Relative to: Document
|
|
|
Junior Member
|
|
May 1, 2009, 12:57 PM
|
|
Can you post a link to the page?
|
|
|
Junior Member
|
|
May 1, 2009, 01:04 PM
|
|
I do not see a problem in the code based on the part:
<div id="header">
<a href="home.html"><img src="header.jpg" alt="header-1" width="955px" /> </a>
</div>
It only shows the file:/// link when I start the file from Desktop like it should but on my webserver it works like it is supposed to.
|
|
|
Junior Member
|
|
May 1, 2009, 01:08 PM
|
|
That's all I see also Bill in what she posted, that's why I want to see a link to the actual page, maybe we are missing something.
|
|
|
Junior Member
|
|
May 2, 2009, 07:12 AM
|
|
Here is the link
Wrkshops.freehostia.com
|
|
|
Junior Member
|
|
May 2, 2009, 07:16 AM
|
|
But when I open home.html file from the local root folder on my PC... it shows like this file:/// triple slashes...
File:///C:/Users/Mahnoor/Desktop/NewWShop2/home.html
|
|
|
Junior Member
|
|
May 2, 2009, 07:32 AM
|
|
That's the problem. Like BenReilly stated earlier, if the file source is: file:///C:/Users/Mahnoor/Desktop/NewWShop2/home.html, that means it is loading from your desktop. It should be in a folder with the rest of the page files. For example, you directory should look something like:
c://Sample Directory/images/abcImage.jpg
(this would be your image folder)
Your page directory should look something like this:
c://Sample Directory/home.html
The entire directory should be uploaded to your website. If the photos still don't appear, that means you have not linked and uploaded everything properly
|
|
|
Junior Member
|
|
May 2, 2009, 07:48 AM
|
|
At quick glance, I see that the color code is incorret for header - it has an extra "0" at the beginning of the color code. Also for some reason, none of your photos show up in the directory when they are clicked, something funky is going on -- probably something simple -- Ill look at the code later today when I have more time and try to figure something out.
|
|
|
Junior Member
|
|
May 4, 2009, 03:33 AM
|
|
Originally Posted by WebsiteSolution
Thats the problem. Like BenReilly stated earlier, if the file source is: file:///C:/Users/Mahnoor/Desktop/NewWShop2/home.html, that means it is loading from your desktop. It should be in a folder with the rest of the page files. For example, you directory should look somthing like:
c://Sample Directory/images/abcImage.jpg
(this would be your image folder)
Your page directory should look something like this:
c://Sample Directory/home.html
The entire directory should be uploaded to your website. If the photos still dont appear, that means you have not linked and uploaded everything properly
I don't really get this, what do u mean by (it should be in a folder with rest of files... ) bcoz all the file are already in the same folder called NewWshop2 which is placed on Desktop.
Make it clear.
|
|
|
New Member
|
|
May 4, 2009, 04:25 AM
|
|
Hi Sunaina
Please send file structure of your root files
And I will tell you what's the problem
And I will be available on gmail chat [email protected]
Thanks
|
|
|
Junior Member
|
|
May 7, 2009, 01:54 PM
|
|
Help me in solving the problem:(
|
|
|
Junior Member
|
|
May 7, 2009, 01:55 PM
|
|
Anyone..
|
|
|
Ultra Member
|
|
Sep 1, 2009, 07:47 PM
|
|
Originally Posted by Sunaina
anyone.........?
Have you figured out the problem is yet Sunaina?
|
|
Question Tools |
Search this Question |
|
|
Add your answer here.
Check out some similar questions!
Images won't display on a website
[ 11 Answers ]
Hey guys, I'm having trouble seeing all the images on hi5 - Who's in?, all the profiles images won't display but everything else on the website will including other images. I had norton anti-virus, which I uninstalled just because I thought it was one of the reasons, I have done several things but...
Cannote see images from website
[ 2 Answers ]
Welcome to all members.
I have a problem with picture website opening. I cannote see any images or photos from the websit named"www.dreamstime.com" .But the website is opening, no images coming. I already installed flashplayer. I try the mozilla Firefox also but...
Uploading documents & images on to website with editor
[ 1 Answers ]
My website was designed by a 3rd party who provided an onsite editor. Each time, I try to up load a document or image from my computer, a prompt appears advising me the mht or htm format is not acceptable. My questions are:
How to bypass the editor and copy and paste banners, docs, images directly...
Website images
[ 1 Answers ]
Is it legal to use pictures in someone's website for business materials?
View more questions
Search
|