I have created a page using a template (with a css file association)
It looks perfect while previewing in browser but after uploaded there is no sign of the template or the attributes of the css. It is an all white screen with the text and links in the top left corner. I am perplexed and am looking for help.
If you would like to witness the trainwreck it is located at http://www.eastsideyogaandfitness.com/gallery.html
The template is a deamweaver template. I don't think that this makes a difference because the Coffee Cup html Editor seemed to work with it fine.
Thanks in advance for your help
Alan
Alan Bondy
Registered User
24 posts
rebwebdesign
Registered User
171 posts
when I go to view your css this is what I see:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<HTML><HEAD>
<TITLE>404 Not Found</TITLE>
</HEAD><BODY>
<H1>Not Found</H1>
The requested URL /css/screen.css was not found on this server.<P>
<P>Additionally, a 404 Not Found
error was encountered while trying to use an ErrorDocument to handle the request.
<HR>
<ADDRESS>Apache/1.3.37 Server at www.eastsideyogaandfitness.com Port 80</ADDRESS>
</BODY></HTML>
I'm thinking you uploaded your style sheet in a different directory than the rest of your files...
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<HTML><HEAD>
<TITLE>404 Not Found</TITLE>
</HEAD><BODY>
<H1>Not Found</H1>
The requested URL /css/screen.css was not found on this server.<P>
<P>Additionally, a 404 Not Found
error was encountered while trying to use an ErrorDocument to handle the request.
<HR>
<ADDRESS>Apache/1.3.37 Server at www.eastsideyogaandfitness.com Port 80</ADDRESS>
</BODY></HTML>
I'm thinking you uploaded your style sheet in a different directory than the rest of your files...
Alan Bondy
Registered User
24 posts
Thanks but I have it uploaded everywhere! root directory, html folder,file folder, and I even created a css folder and put it in that.
I did the same with the template file!
Alan
I did the same with the template file!
Alan
Mike
Senior Advisor
1,172 posts
Take a look at your actual CSS file.
The one at /css/screen.css is an actual html file as noted by Rebecca D.
It looks like your host may have overwritten your file.
Upload your original CSS file to /css/screen.css
Mike... ..........................................
http://www.photoshopuser.com/register.h … ode=friend
http://www.designconsultingltd.com
http://www.wpdfd.com
The one at /css/screen.css is an actual html file as noted by Rebecca D.
It looks like your host may have overwritten your file.
Upload your original CSS file to /css/screen.css
Mike... ..........................................
http://www.photoshopuser.com/register.h … ode=friend
http://www.designconsultingltd.com
http://www.wpdfd.com
Alan Bondy
Registered User
24 posts
Thank you Mike and Rebecca,
As it turns out I did not have the template or the css file in the proper place. I had their folders in the root drive and not in the public_html folder.
Thanks again for your help and patience with this newby!
Alan
As it turns out I did not have the template or the css file in the proper place. I had their folders in the root drive and not in the public_html folder.
Thanks again for your help and patience with this newby!
Alan
rebwebdesign
Registered User
171 posts
I'm glad it worked for you - the site looks great! :-)
Chuck Hammond
Registered User
4 posts
I am building a web site for a customer using a template. When adding more links in the navigation, it moves them around and does not keep the links on one row. Any ideas on what I am doing wrong? The one I added was the Webchempeels
#navigation {float:right; margin-top:74px; list-style-type:none}
#navigation #index {height:45px; width:146px; background:url(../images/left_button.png) 50% top no-repeat}
#navigation #about_us {height:45px; width:150px; background:url(../images/mid_button.png) 50% top no-repeat}
#navigation #Webchempeels {height:45px; width:150px; background:url(../images/mid_button.png) 50% top no-repeat}
#navigation #contact_us {height:45px; width:146px; background:url(../images/right_button.png) 50% top no-repeat}
#navigation li {float:right; margin:0; font-size:18px; color:#fff}
#navigation li a {display:block; height:41px; padding-top:16px; text-align:center; color:#fff; text-decoration:none}
#navigation li a:hover {color:#62acff; text-decoration:none}
#index_page #navigation #index {background:url(../images/left_button_pressed.png) 50% top no-repeat}
#about_us_page #navigation #about_us {background:url(../images/mid_button_pressed.png) 50% top no-repeat}
#Webchempeels_page #navigation #Webchempeels {background:url(../images/mid_button_pressed.png) 50% top no-repeat}
#contact_us_page #navigation #contact_us {background:url(../images/right_button_pressed.png) 50% top no-repeat}
<div id="wrapper">
<div id="header">
<ul id="navigation">
<li id="contact_us"><a href="WEBABOUTUSCONTACTrevised.mht">Contact Us</a></li>
<li id="about_us"><a href="WEBBODY.mht">Web Body</a></li>
<li id="Webchempeels"><a href="WEBCHEMPEELSMICRO.mht">Web ChemPeels</a></li>
<li id="index"><a href="index.html">Home</a></li>
</ul>
</div>
</div>
#navigation {float:right; margin-top:74px; list-style-type:none}
#navigation #index {height:45px; width:146px; background:url(../images/left_button.png) 50% top no-repeat}
#navigation #about_us {height:45px; width:150px; background:url(../images/mid_button.png) 50% top no-repeat}
#navigation #Webchempeels {height:45px; width:150px; background:url(../images/mid_button.png) 50% top no-repeat}
#navigation #contact_us {height:45px; width:146px; background:url(../images/right_button.png) 50% top no-repeat}
#navigation li {float:right; margin:0; font-size:18px; color:#fff}
#navigation li a {display:block; height:41px; padding-top:16px; text-align:center; color:#fff; text-decoration:none}
#navigation li a:hover {color:#62acff; text-decoration:none}
#index_page #navigation #index {background:url(../images/left_button_pressed.png) 50% top no-repeat}
#about_us_page #navigation #about_us {background:url(../images/mid_button_pressed.png) 50% top no-repeat}
#Webchempeels_page #navigation #Webchempeels {background:url(../images/mid_button_pressed.png) 50% top no-repeat}
#contact_us_page #navigation #contact_us {background:url(../images/right_button_pressed.png) 50% top no-repeat}
<div id="wrapper">
<div id="header">
<ul id="navigation">
<li id="contact_us"><a href="WEBABOUTUSCONTACTrevised.mht">Contact Us</a></li>
<li id="about_us"><a href="WEBBODY.mht">Web Body</a></li>
<li id="Webchempeels"><a href="WEBCHEMPEELSMICRO.mht">Web ChemPeels</a></li>
<li id="index"><a href="index.html">Home</a></li>
</ul>
</div>
</div>
david wilson
Ambassador
1,463 posts
probably the number of letters in "Web ChemPeels" is causing the whole line to wrap, some look like 146px wide, and some look like 150px wide, so when you add them all up together, are they wider that the container for your menu?.
Volunteering to help
http://www.tbaygeek.org
Volunteering to help
http://www.tbaygeek.org
Chuck Hammond
Registered User
4 posts
Changed it to 146px but links are still wrapping. Also tried to change this to 146px but still wraps and moved it down into the photos. 
#navigation {float:right; margin-top:74px; list-style-type:none}
Any other ideas?
#navigation {float:right; margin-top:74px; list-style-type:none}
Any other ideas?
david wilson
Ambassador
1,463 posts
do you have a link so we can see the whole code?
Volunteering to help
http://www.tbaygeek.org
http://www.tbaygeek.org
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
