Help!

[SW.Nike]

Ok, im in need of help. I just downloaded a free layout (Coded by Jibbish), just edited it quickly so it's not fab. I didn't edit the images, language anything. Just edited the bits I wanted to change. So, I do that then when I view it in my files it looks like this.

(Which is good)


So I upload all the files to my host, but when I look at the site on my domain it looks like this.



Any ideas?

[Trinity]

Check if all of the images are uploaded.

[SW.Nike]

They are.

[Trinity]

They are.

Hmm post the code.

[SW.Nike]

CCS

@charset "utf-8";
/* DESIGNED & CODED BY JIBBISH */
body{
background: #e3e3db;
margin: 5px;
font-family: Arial;
font-size: 11px;
color: #525252;
}

a, a:hover, aink, a:visited{
font-weight: bold;
text-deocration: none;
color: #00CCFF;
}

img{
border: 0;
}

/* LAYOUT - BY JIBBISH */
#container{
background: #FFFFFF;
width: 900px;
margin: 0 auto;
text-algin: left;
border: 1px solid #a6a68c;
}

#sidecontainer{
width: 249px;
float: left;
}

#banner{
background: url(images/banner.png);
width: 649px;
height: 102px;
float: right;
}

#bar{
background: url(images/bar.png);
height: 24px;
width: 227px;
padding-left: 12px;
padding-top: 10px;
color: #8e8e88;
}

#side{
background: url(images/side.png);
width: 219px;
padding-left: 9px;
color: #7c8f95;
padding-right: 11px;
}

#greenhead{
background: url(images/headers/green.png);
width: 209px;
height: 21px;
font-family: Tahoma;
font-weight: bold;
color: #FFFFFF;
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
}

#greenbox{
background: url(images/boxes/green.png);
width: 209px;
padding-left: 5px;
padding-right: 5px;
color: #525252;
}

#purplehead{
background: url(images/headers/purple.png);
width: 209px;
height: 21px;
font-family: Tahoma;
font-weight: bold;
color: #FFFFFF;
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
}

#purplebox{
background: url(images/boxes/purple.png);
width: 209px;
padding-left: 5px;
padding-right: 5px;
color: #525252;
}

#bluehead{
background: url(images/headers/blue.png);
width: 209px;
height: 21px;
font-family: Tahoma;
font-weight: bold;
color: #FFFFFF;
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
}

#bluebox{
background: url(images/boxes/blue.png);
width: 209px;
padding-left: 5px;
padding-right: 5px;
color: #525252;
}

#rightcontainer{
width: 649px;
float: right;
}

#nav{
background: url(images/nav.png);
width: 639px;
height: 21px;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}

#content{
background: url(images/boxes/content.png);
width: 450px;
padding-left: 5px;
padding-right: 5px;
color: #525252;
}

#contentcontainer{
width: 643px;
color: #525252;
}

.orange{
background: url(images/orange.png);
width: 167px;
padding-left: 5px;
padding-right: 5px;
color: #FFFFFF;
font-family: Tahoma;
}

#orange{
width: 177px;
float: right;
}

.header{
font-family: Tahoma;
font-size: 12px;
padding-bottom: 2px;
font-weight: bold;
color: #74a6c1;
border-bottom: 1px solid #74a6c1;
}

.buttons{
height: 19px;
color: #FFFFFF;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
padding-right: 3px;
}

[Yonder]

Are your images in the folder images above your index.

e.g.:

/images
index.html

Also is your css linked correctly to your index, is it in a seperate file or is the css in the head of the index page?

Link us to your site be much easier to figure out.

[SW.Nike]

www.fathabbo.********** or www.fathabbo.co.uk

[engaged]

lol....
your images aint in your /images folder
and your using 101mb, i suggest you put your little project on halt.