I am really not sure what I am doing wrong, I had added everything from the Zip file (Salts and Soaps Page 7 I think from memory) I have them sub listed with Images ect ect, it works when I view and edit in Frontpage, but when I load it up to my server it won't work! I have been trying different things for the last few days, and nothing is working, I have had a friend look at it and she can't figure it out either.. It really is giving me a huge headache, I have done all the pages but just can't get them to upload. If someone could please tell me what or where I am going wrong it would help me out heaps Thanks ( For some reason it won't let me upload any of my files to here as an attachment) If u need I can email them, just let me know
Your server needs to have Frontpage Extensions turned on. Then you need to upload to the website through Frontpage so all the support files are uploaded that Frontpage generates or you need to know which files to up load separately without the support pages. The easy way is to not use Frontpage.
Unless Coffee Cup has changed, (unlikely) - it acts as a standard editor and not like Frontpage. So the problem could be with the server or how you are trying to upload. Need more info.
<link href="../Downloads/PS%20Website/saltandsoap/style.css" rel="stylesheet" type="text/css" /> I think all of your paths are pointing to the wrong place. Sample above.
and that is where the browser is looking for them. so on your pc the browser can find them, just by following the path, but how is the server to find them?
You edit it - then save the file. The template has the style.css residing in the root directory, so your line of code should reflect that if that is where you have the file. like this - If your images are like the template then do the same. Remember you have to tell the Browser where to find the files. Browsers have no sense of direction - but are great at doing what you tell them to do.
Ok I just tried to upload it blankly, now this is what the HTML says, <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="style.css" rel="stylesheet" type="text/css" /> <title>Salt and Soap template</title> Now when I upload it via FrontPage this is what I see, after I have uploaded and go to view the page... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="XHTML namespace"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="style.css" rel="stylesheet" type="text/css" /> <title>Salt and Soap template</title> </head> <body> <div id="container"> <div id="header"> </div> <div id="border"> <div id="main"> <div id="left"> <div id="menu"> <ul> <li><a href="http://www.freewebsitetemplates.com">Soaps</a></li> <li><a href="http://www.freewebsitetemplates.com">Lotions & Creams</a></li> <li><a href="http://www.freewebsitetemplates.com">Bath Salts</a></li> <li><a href="http://www.freewebsitetemplates.com">Shampoo & Shower Gel</a></li> <li><a href="http://www.freewebsitetemplates.com">Bubble Bath</a></li> <li><a href="http://www.freewebsitetemplates.com">Gift Baskets</a></li> <li><a href="http://www.freewebsitetemplates.com">Lip Balms & Candle</a></li> <li><a href="http://www.freewebsitetemplates.com">Tarts Bath</a></li> <li><a href="http://www.freewebsitetemplates.com">Teas & Gel Candles</a></li> <li><a href="http://www.freewebsitetemplates.com">Fragrance List</a></li> <li><a href="http://www.freewebsitetemplates.com">Pets</a></li> <li><a href="http://www.freewebsitetemplates.com">Recipes</a></li> <li><a href="http://www.freewebsitetemplates.com">Favorite Links</a></li> <li><a href="http://www.freewebsitetemplates.com">Information Board</a></li> <li><a href="http://www.freewebsitetemplates.com">Whats New</a></li> <li><a href="http://www.freewebsitetemplates.com">Order Form</a></li> <li class="lastchild"><a href="http://www.freewebsitetemplates.com">Terms & Policies</a></li> </ul> </div> <div id="menubottom"> <ul> <li><a href="http://www.freewebsitetemplates.com">Home</a></li> <li><a href="http://www.freewebsitetemplates.com">About us</a></li> <li><a href="http://www.freewebsitetemplates.com">Contact</a></li> </ul> </div> </div> <div id="right"> <div class="content"> <h3>Welcome</h3> <p>Don't forgot to check <a href="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add at least one free website template daily.</p> <p>This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like.</p> <p>You can remove any link to our websites from this template you're free to use the template without linking back to us. Don't want your boss to know you used a free website template .</p> <p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a>.</p> </div> <div class="product"> <h3>Products</h3> <a href="http://www.freewebsitetemplates.com"> <img src="images/product1.gif" alt="product" width="87" height="44" /></a> <a href="http://www.freewebsitetemplates.com"> <img src="images/product2.gif" alt="product" width="87" height="44" /></a> <a href="http://www.freewebsitetemplates.com"> <img src="images/product3.gif" alt="product" width="87" height="44" /></a> <a href="http://www.freewebsitetemplates.com"> <img src="images/product4.gif" alt="product" width="87" height="44" /></a> <a href="http://www.freewebsitetemplates.com"> <img src="images/product5.gif" alt="product" width="87" height="44" /></a> <a href="http://www.freewebsitetemplates.com"> <img src="images/product6.gif" alt="product" width="87" height="44" /></a> <a href="http://www.freewebsitetemplates.com"> <img src="images/product7.gif" alt="product" width="87" height="44" /></a> <a href="http://www.freewebsitetemplates.com"> <img src="images/product8.gif" alt="product" width="87" height="44" /></a> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> </div> <div id="footer"> <div id="copyright"> <span>© Copyright Salt and Soap.com, 2006.<br /> All rights reserved.</span> </div> <div id="payment"><img src="images/paypal.gif" alt="paypal" width="287" height="52" /></div> </div> <div id="footerend"></div> </div> </body> </html>
Yea you just uploaded the template as it was written and that is what will display. Your code from the zip file you posted (concerning the images) looks like this and needs to look like Changing the product1,2&3 gif for your gif files. this way you are telling the browser to look in the "images" directory for a specific file to display in that location. You have to tell the browser what to do - it can interpret code.
to make more pages open the index.html file - then save it with another name like product1.html now you have two pages that look the same with a different name, so you will need to edit the product1 page to reflect the title "product1" You can do this over and over for all the pages you need. You can even put in links like the template has in the Products section like this
Every cpanel is different - meaning what your host has turned on for you to use. Some let you edit directly on the site some do not. I prefer to edit on my pc then upload. Try this editor it is free and works great Alleycode
Sooo Sorry I am still here, I was just trying to figure it all out and re reading and taking it all in, I am very new to this, I have HTML templates where it only tells what layer and that kinda thing so trying to take it all in after a whole load of frustration about it not working I do sincerely thank you very much for the time you have taken it is very much appreciated.
