Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for
Newbie enquiry - uploading webpages so style sheets and images work
Topic Options
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
- Plusnet Community
- :
- Forum
- :
- Help with my Plusnet services
- :
- Everything else
- :
- Re: Newbie enquiry - uploading webpages so style s...
Newbie enquiry - uploading webpages so style sheets and images work
01-10-2011 11:35 AM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
I had a website a while back written using CSS and Xhtml. I was an enthusiastic amateur and it was probably very clunky and inefficient, but it worked. I wanted to upload it to my plusnet account as an archive.
I created a css folder and an img folder and added the html pages all inside htdocs/ on the server. The pages show fine when I go to my web address but no style sheet or pics just plain text.
Any ideas as to what I have done wrong and how to fix it?
Many thanks in advance
I created a css folder and an img folder and added the html pages all inside htdocs/ on the server. The pages show fine when I go to my web address but no style sheet or pics just plain text.
Any ideas as to what I have done wrong and how to fix it?
Many thanks in advance
Message 1 of 8
(1,984 Views)
7 REPLIES 7
Re: Newbie enquiry - uploading webpages so style sheets and images work
01-10-2011 11:46 AM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
I suspect that your index.html file isn't correctly linking to the style and image directories
Also are the folders in the htdocs directory
What code are you using
Also are the folders in the htdocs directory
What code are you using
Message 2 of 8
(597 Views)
Re: Newbie enquiry - uploading webpages so style sheets and images work
01-10-2011 4:32 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
When I first uploaded it I did:
htdocs/css/style.css
htdocs/img/img.jpg
htdocs/index.html
and changed nothing eg: <link rel="stylesheet" type="text/css" media="screen" title="TGB" href="css/style.css" />
<img src="img/ylaibo.jpg" alt=Ylaibo"" />
all I got was plain text
so I rewrote the instructions in the style sheet for referencing images and in the html doc for referencing style sheet and images as follows
<link rel="stylesheet" type="text/css" media="screen" title="TGB" href="htdocs/css/style.css" />
<img src="htdocs/img/cow.jpg" alt="[cow]" />
still got plain text
then I tried removing the css and img folders and just uploading all files directly into htdocs and changed the instructions to:
<link rel="stylesheet" type="text/css" media="screen" title="TGB" href="style.css" />
<img src="cow.jpg" alt="[cow]" />
and still got plain text.
As far as code goes.. was trying to write xhtml - it worked ok when I did it about 2-3 years ok.
Thanks for responding.
htdocs/css/style.css
htdocs/img/img.jpg
htdocs/index.html
and changed nothing eg: <link rel="stylesheet" type="text/css" media="screen" title="TGB" href="css/style.css" />
<img src="img/ylaibo.jpg" alt=Ylaibo"" />
all I got was plain text
so I rewrote the instructions in the style sheet for referencing images and in the html doc for referencing style sheet and images as follows
<link rel="stylesheet" type="text/css" media="screen" title="TGB" href="htdocs/css/style.css" />
<img src="htdocs/img/cow.jpg" alt="[cow]" />
still got plain text
then I tried removing the css and img folders and just uploading all files directly into htdocs and changed the instructions to:
<link rel="stylesheet" type="text/css" media="screen" title="TGB" href="style.css" />
<img src="cow.jpg" alt="[cow]" />
and still got plain text.
As far as code goes.. was trying to write xhtml - it worked ok when I did it about 2-3 years ok.
Thanks for responding.
Message 3 of 8
(597 Views)
Re: Newbie enquiry - uploading webpages so style sheets and images work
01-10-2011 5:11 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
For the earlier ones you don't put htdocs in the path as that is the root
I am not an expert and it is a few years since I did my wife's website but try this with the stylesheet in a folder called styles - using css as a folder name might cause problems
<link rel="stylesheet" type="text/css"
href="styles/style.css" />
<img src="cow.jpg" alt="[cow]" />
I am not an expert and it is a few years since I did my wife's website but try this with the stylesheet in a folder called styles - using css as a folder name might cause problems
<link rel="stylesheet" type="text/css"
href="styles/style.css" />
<img src="cow.jpg" alt="[cow]" />
Message 4 of 8
(597 Views)
Re: Newbie enquiry - uploading webpages so style sheets and images work
01-10-2011 6:05 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
Quote from: roseabsolute htdocs/img/img.jpg
<img src="img/ylaibo.jpg" alt=Ylaibo"" />
Are those lines to be taken literally with the uploaded image file differently named from when used and misplaced double-quotes?
Rather than:
<img src="img/ylaibo.jpg" alt="Ylaibo" />
Did you upload the text files as ascii and the image as binary?
David
Message 5 of 8
(597 Views)
Re: Newbie enquiry - uploading webpages so style sheets and images work
01-10-2011 8:04 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
No not taken literally I was just showing folder in directory with first.
I can;t answer the second question as I have no idea what you mean.![Embarrassed Embarrassed](/html/@6CEFBAD878A40FF337662307A879A7FD/images/emoticons/embarrassed.gif)
jim:quote
I can;t answer the second question as I have no idea what you mean.
![Embarrassed Embarrassed](/html/@6CEFBAD878A40FF337662307A879A7FD/images/emoticons/embarrassed.gif)
jim:quote
Message 6 of 8
(597 Views)
Re: Newbie enquiry - uploading webpages so style sheets and images work
01-10-2011 10:47 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
Quote from: roseabsolute
Quote Did you upload the text files as ascii and the image as binary?
I can't answer (that) question as I have no idea what you mean.
This article explains the difference, in particular see the "Other Note" at the bottom.
That article relates to Core FTP; where you would find that information depends on which FTP program you used to upload the files.
David
Message 7 of 8
(597 Views)
Re: Newbie enquiry - uploading webpages so style sheets and images work
02-10-2011 2:57 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
Thank you both for your help.
I had been transferring using auto mode option, but when I chose ascii for text files and binary for the image files it all fell into place.
I had been transferring using auto mode option, but when I chose ascii for text files and binary for the image files it all fell into place.
![Grin Grin](/html/@D40767E4EBB99989487344F3E42E44B1/images/emoticons/grin.gif)
Message 8 of 8
(597 Views)
Topic Options
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
- Plusnet Community
- :
- Forum
- :
- Help with my Plusnet services
- :
- Everything else
- :
- Re: Newbie enquiry - uploading webpages so style s...