having trouble linking html webpages together once uploaded over ftp

blackcypher · ‎29-01-2008

hey this is probably a total n00b question but its been years since high-school and ive forgotten all this stuff.
was screwing around with the webspace, made a quick html website and uploaded it all straight to the htdocs folder. just to be clear incase im not putting things in the right place / order / we, there is an index.html file which makes a 3 frame webpage and obviously tells the browser which 3 webpages to load, which are in their own folders with relevant images / files. i.e the code goes soemthing like
"<frameset cols="17%,65%,18%">
<frame src="backgroundleft/backgroundleft.html">
<frame src="center/center.html">
<frame src="backgroundright/backgroundright.html">
</frameset>"
center etc being the folders the pages are in. however, once its all ftp'd up, i get the content of the 3 pages but not the images that are in the same folder as the pages. they are working when the website is on my dekstop and i made no changes to links / file structures so what am i doing wrong?
thanks
alan

Peter_Vaughan · ‎30-07-2007

Are you sure the case for all the filenames matches. Linux (unlike Windows) is case sensitive so ImaGes.jpg and IMAGes.jpg on windows is the same file but not on Linux.
Same goes for folder/directory names. The best way to retain compatibility on both Linux & Windows is to always use lowercase names.
How are you accessing the images in the html. Post example code or a URL so we can see for ourselves.
And finally... don't use frames. Learn how to use tables or CSS for page layouts.

liam1412 · ‎27-11-2007

Here is how simple this is to do with CSS,
Create a file called style.css
In that you would need


.column1
{
float: left;
width: 17%;
}
.column2
{
float:left;
width: 65%;
}
.column3
{
width: 18%;
}

Then create the index.html file and link to it using <link rel> in the head section.


<html>
  <head>
    <link rel="stylesheet" href="style.css" />
  </head>

Then in the body you need the following,


  <body>
   <div class="column1">
     Some links in here
   </div> 
   <div class=column2>
     Content goes here
   </div>
   <div class="column3">
     This is the third column
   </div>
  </body>
</html>

Hey presto. 3 column layout.

blackcypher · ‎29-01-2008

Thanks alot for the advice on css but im one step ahead there, been reading the missing manuals for a couple days now. i havent done this site in css yet because basically i cant be arsed

but ill get round to it eventually.
as for the images, heres from the center.html page -
<img src="BCI LOGO.jpg" align="center">
where the image bci logo.jpg is in the same folder. also i have double checked case sensitivity and it matches.
heres the website so u can see the result for urself:
www.blackcypher.plus.com
when u right click on the broken image link > view image u get this:
Not found - 404
URL requested (/center/BCI LOGO.jpg) not found
im going to edit all the folder / image names so they are lower case and see if that helps incase i missed something, other than that im stumped
thanks again
alan

Peter_Vaughan · ‎30-07-2007

Just tried the link and got nothing - looks like you have changed it after posting and it does not show any images.

One other piece of advice, don't include spaces in filenames. Use _ (underscore) or - (dash) to separate words if you need to.

Oldjim · ‎15-06-2007

As a general policy I have found it better to stick with all lower case filenames

samuria · ‎13-04-2007

I have tried all combinations to try and see BCI LOGO.jpg I have tried all cases and /center dir and cant load the image. You need to be able to get a url of the image.
if its in the same dir then you only need BCI LOGO.jpg not the dir

snozboz · ‎27-07-2007

If there's a space in the filename which you really want to keep, then you can substitute %20 in the HTML. So BCI LOGO.jpg file would display with <img src="BCI%20LOGO.jpg" />
Not good practice though, and can cause problems with more complex sites.
Have just looked at what's currently on your site. Your global.css references an image for a background 'carina.jpg'. However, I've only found an image called carina.JPG within the /images directory. So you'd need to change your CSS to read 'images/carina.JPG' to reference this image correctly. The case of the .jpg extension matters too (some of the images in your /images directory have lower case extensions and some have upper case extensions). And images are referenced from where the HTML or CSS file resides.
HTH,
Martin

blackcypher · ‎29-01-2008

hi, thanks alot for the advice.
ive sorted the problem now (more or less) and turns out i was overlooking the case of the filename extensions on my images, thanks to martin for pointing that out.
also im sorry i didnt modify my previous post but i randomly decided to scrap the site and started again in css, then fell asleep and forgot to chnage my post

looking good now although my banner image isnt showing up for some reason

but ill find a way round that. css is so damn useful......

cheers guys
alan

having trouble linking html webpages together once uploaded over ftp

having trouble linking html webpages together once uploaded over ftp

Re: having trouble linking html webpages together once uploaded over ftp

Re: having trouble linking html webpages together once uploaded over ftp

Re: having trouble linking html webpages together once uploaded over ftp

Re: having trouble linking html webpages together once uploaded over ftp

Re: having trouble linking html webpages together once uploaded over ftp

Re: having trouble linking html webpages together once uploaded over ftp

Re: having trouble linking html webpages together once uploaded over ftp

Re: having trouble linking html webpages together once uploaded over ftp