General Only text shows up

I have used different website builders before, usually ones where they do the html for you. Right now I am using Microsoft sharepoint (the new frontpage I am told). I can't seem to edit any template and get it to show up. I am uploading via ftp, and I have tried uploading all pictures etc.... so they are hosted with my stuff. I used to use homestead, but they are IMO very expensive. So I bought a hosting package with godaddy.

Since I have been having problems, I thought I would use a template. I open it in SP and edit. I don't know a lot of html, but when I go to the code it looks like my changes are correct. When I preview via explorer browser I can see it, but once I upload it, there is only text.

I have googled tutorials, and looked through the questions here, but I can't seem to find what I am doing wrong.

Any help would be appreciated. Thanks.

 

Make sure when you upload everything that you upload it exactly as it is on your computer. So if your images are all in a images folder then create a folder called images with your ftp then upload your images into there.

That probably what is going wrong.

 

Thanks Scoooooty.

I am pretty sure that is exactly what I did. I deleted all my files and started over. For a test I took one of the templates I downloaded here and put the whole folder over. Everything was the same. It came up with this:

Page Not Found

[FONT=arial,sans-serif] The page you tried to access does not exist on this server. This page may not exist due to the following reasons: [/FONT]

1. You are the owner of this web site and you have not uploaded (or incorrectly uploaded) your web site. For information on uploading your web site using FTP client software or web design software, click here for FTP Upload Information.
2. The URL that you have entered in your browser is incorrect. Please re-enter the URL and try again.
3. The Link that you clicked on incorrectly points to this page. Please contact the owner of this web site to inform them of this situation.

I did this exact same thing yesterday and it showed the template I got here. I didn't move anything, so I can't see how it is different. I have tried uploading all different ways. My brain is starting to hurt.

 

I only know a little

Did you upload the css file too. I know when I uploaded mine I left this crucial feature out and only had text show up and none of the images. Like the previous post said I had to go in and change the url location of the images to where I uploaded them I did this quickly by opening the index.html file with notepad use the find feature for image and went down adding the website address to the file extensions and after loading the css file all the pics were there with the content. This may be what your missing I am not sure. Just look at the files that came with the template and if there's a css file and u didnt load it I am sure it whats missing.

 

Yep, it says style.css. It's in the same folder. Right now (just for a test to see if it was something I was doing while editing) I downloaded a template, I unpacked everything into one folder called "DOG", then I used flezilla to upload all files (images, css, index.html, etc...). Nothing shows. Sometimes when I upload my own I can get text, but now it's nothing.

I figured I could at least get a template showing, then figure out what I was doing different. But I am at a loss.

I paid for web design twice and got burned. I just want to be able to do it myself. I have barely slept, it is driving me nuts not being able to figure it out.

Thanks for the help.

 

You might actually have to put the full URL to each image in the CSS and HTML for example in the css where it says ('images/????.jpg') you would put the whole url there so it would be ('http://www.yoursite.com/images/????.jpg') and the same thing in the html. Also where it says style.css you should put the whole url there as well. For example http://www.yoursite.com/style.css I have ran into that problem occasionally with some hosts.

 

Because you uploaded the whole folder you will have to direct your browser to the address of that folder. So www.yoursite.com/DOG

 

Hehe...Thanks. That was it. So I re-saved everything and uploaded it per file instead of one big one. It works, but I keep having problems with things showing up. Arggg....

I think I will just start over.


Thanks for the help.

 

That is what I can't find. The pics that aren't showing up don't have any codes to change.

I started over but I am still running into the same problems. Here is my site:http://www.petcuisineexpress.com/
I used one of the templates here, but it is missing some of the pictures in the coding. I am unsure where to put them.

For example: The header pic. Would I put <img src="header.jpg" width="678" height="372" alt="Pic 1" /> ? (I don't know anything about html or css) And where would it go?

I tried to copy/paste the pic itself and it worked, but when I tried to do it with the navigation pics (the background I guess), my text disappeared. And I tried bringing it to the front and all kids of stuff, but it didn't work.

 

upload the header.jpg into your images folder..... and then if it dosnt work get the header url and put it were it says:

 

The header.jpg is uploaded there.

There isn't anything that says anything like: <img src="header.jpg" width="678" height="372" alt="Pic 1" />

I just made it up, thinking it should say something like this. This is why I don't think it's showing up. The header is in the css, but not the html. Shouldn't it be in both?

I also changed all my links in css, but there is nothing to change in html.

I don't know if I am just daft or if there is something missing.

 

Ok, in the html it should say <div id="header"> or something to that effect. If the header is located in the CSS then whatever it is listed as there is what the div should read...for example:
#header {
background:url('images/header.jpg') no-repeat;
width:678px;
height:372px;
}
Of course that is just an example, but then in your html...where your header should be located would read <div id="header></div>

I will take a look at your source code and CSS and fix it up for ya!

 

Ok, in your CSS, you actually need to change the image locations to the image location on your website. I will post the proper code.

 

Here is what you need to have to have all of your images show up...



h4 {
margin: 0;
padding: 0;
}
h3 {
margin: 0;
padding: 0;
}
h2 {
margin: 0;
padding: 0;
}
h1 {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
}
html {
margin: 0;
padding: 0;
}
h1 img {
display: block;
}
img {
border: 0px none;
}
a {
color: #464544;
}
a:hover {
color: #FFA405;
}
.left {
float: left;
}
.right {
float: right;
}
.more {
text-align: right;
}
.clear {
clear: both;
}
body {
background: #C89C52 url('page_bg.jpg') repeat-x;
text-align: center;
font: 11px arial, sans-serif;
color: #E5D19C;
padding: 20px 0 0 0;
}
/** layout **/
#wrapper {
text-align: left;
margin: auto;
width: 678px;
position: relative;
}
/** header **/
#header {
padding-top: 1px;
}
#header h1 {
font: 32px "Times new roman", serif;
font-weight: normal;
position: absolute;
left: 0;
top: 35px;
color: #F2CD91;
padding: 0 0 0 0.7em;
margin: -1em 0 0 0;
line-height: 1;
}
#nav-top {
margin-left: 503px;
}
#nav-top ul {
margin: 1em 0 0 0;
padding: 0;
height: 31px;
}
#nav-top li {
float: left;
background: #C19855 url('tab_left.gif') no-repeat;
list-style: none;
text-align: center;
height: 31px;
line-height: 31px;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 18px;
font-family: "Times new roman", serif;
}
#nav-top li div {
background: url('tab_right.gif') no-repeat right top;
}
#nav-top li#tab-faq {
width: 59px;
}
#nav-top li#tab-map {
width: 99px;
margin-left: 3px;
}
#nav-top a {
color: #443816;
text-decoration: none;
}
#nav-top a:hover {
color: #241D0A;
}
#nav {
padding-top: 372px;
background: url('header.jpg') no-repeat;
}
#nav ul {
margin: 0;
padding: 0;
height: 36px;
line-height: 36px;
border-left: 2px solid #9E9479;
background: url('nav_lit.gif') repeat-x left bottom;
}
#nav li {
list-style: none;
float: left;
margin: 0;
padding: 0 10px;
}
#nav li.home {
background: url('nav_drk.gif') repeat-x left bottom;
padding-left: 25px;
}
#nav a {
font: 16px "Times new roman", serif;
color: #FFE5C3;
text-decoration: none;
}
#nav a:hover {
color: #F2E7D6;
}
/** content **/
#content {
padding-left: 20px;
}
#content h2 {
font: 24px "Times new roman", serif;
color: #513408;
font-weight: normal;
border-left: 3px solid #615331;
padding: 1px 1px 1px 8px;
margin-top: 22px;
}
#content p {
margin-left: 11px;
line-height: 1.4;
}
#content a {
color: #8D692D;
font-weight: bold;
text-decoration: none;
}
#content a:hover {
color: #5B431A;
}
#content .left-col {
float: left;
width: 522px;
}
#content .right-col {
float: right;
width: 136px;
}
#content #welcome {
margin-right: 40px;
font-size:13px;
color: #3E341E;
}
#content #welcome a{
color: #3E341E;
text-decoration:underline;
}
#content #welcome a:hover{
color: #DBBF77;
text-decoration:underline;
}
#gallery {
margin-top: 14px;
}
#gallery .box {
float: left;
width: 119px;
padding: 0 23px 2.3em 23px;
margin-right: 1px;
background: #615331;
position: relative;
}
#gallery .box h3 {
text-align: center;
line-height: 23px;
font: 23px "Times new roman", serif;
color: #fff;
height: 23px;
margin-bottom: 20px;
background: url('tab_drk.gif') no-repeat center top;
}
#gallery .box p {
margin: 1em 0;
padding: 0;
line-height: 1.4;
}
#gallery .box .more {
height: 18px;
line-height: 18px;
background: #978040 url('moretab_left_drk.gif') no-repeat left top;
position: absolute;
bottom: 0;
right: 0;
width: 3.2em;
padding-right: 4px;
margin-bottom: 0;
}
#gallery .box .more a {
color: #4C330D;
}
#gallery .box .more a:hover {
color: #291B06;
}
#gallery .box-lit {
background: #735220;
}
#gallery .box-lit h3 {
background: url('tab_lit.gif') no-repeat center top;
}
#gallery .box-lit .more {
background: #B4A26D url('moretab_left_lit.gif') no-repeat left top;
}
#content .right-col ul {
list-style: none;
margin: 0;
padding: 0;
}
#content .right-col li {
list-style: none;
margin: 0;
padding: 0;
}
#content .right-col li {
border-left: 1px solid #615331;
padding-left: 9px;
margin: 10px;
}
#content .right-col a {
font-size: 12px;
font-weight: normal;
color: #67450D;
}
#content .right-col a:hover {
color: #2C1D04;
}
/** later **/
#later {
color: #564929;
}
#later h2 {
font-size: 20px;
}
#later .right-col p {
font-size: 12px;
line-height: 1.7;
}
#later .box {
float: left;
width: 85px;
}
#later .box a{
text-decoration:underline;
}
#later #later-b1 {
padding-top: 67px;
margin-right: 4px;
}
#later #later-b2 {
width: 155px;
margin-right: 4px;
}
#later #later-b3 {
width: 114px;
margin-right: 6px;
}
#later #later-b4 {
padding-top: 67px;
width: 137px;
}
#footc {
height: 10px;
}
#footer {
background: #735220;
text-align: center;
color: #CFB472;
padding: 14px;
}


You had all of your images still linked to your computer instead of being pulled off of your website.

 

Right, I don't know what I was thinking. How do you know where to get it from my website? As far as I know the files don't have an address. Or is it where you put ('tab_right.gif')? Is that an address, without the www. or http://?

I really need to learn css/html. Do you know of an easy tutorial that a coding dummy like me can actually understand????


Thank you so much for taking the time to help me. I really appreciate it.

 

The best CSS tutorial is http://www.w3schools.com/css/default.asp this is where I still go to when I forget something, it is where I learned all of the css I use today. Anhyhow, just replace the old CSS with the CSS that I posted and you should be fine. You shouldn't have to put any www or http:// information. Since CSS is calling on the website that it is placed on. I am going to PM you and answer your other question.