Coder

To help me fix my problem.

thanks! =]

Could you explain what the problem is? :)

Check out www.fathabbo.co.uk, I need the images to show. Heres the css.

It'll be good if you told me how you fixed it also, so I can use the solution for further reasons =]

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

a, a:hover, a:link, 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: www.fathabbo.co.uk/images/banner.png;
width: 649px;
height: 102px;
float: right;
}

#bar{
background: www.fathabbo.co.uk/images/bar.png;
height: 24px;
width: 227px;
padding-left: 12px;
padding-top: 10px;
color: #8e8e88;
}

#side{
background: www.fathabbo.co.uk/images/side.png;
width: 219px;
padding-left: 9px;
color: #7c8f95;
padding-right: 11px;
}

#greenhead{
background: www.fathabbo.co.uk/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: www.fathabbo.co.uk/images/boxes/green.png;
width: 209px;
padding-left: 5px;
padding-right: 5px;
color: #525252;
}

#purplehead{
background: www.fathabbo.co.uk/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: http://www.fathabbo.**********/(imag...s/purple.png);
width: 209px;
padding-left: 5px;
padding-right: 5px;
color: #525252;
}

#bluehead{
background: www.fathabbo.co.uk/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: www.fathabbo.co.uk/images/boxes/blue.png;
width: 209px;
padding-left: 5px;
padding-right: 5px;
color: #525252;
}

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

#nav{
background: www.fathabbo.co.uk/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: www.fathabbo.co.uk/images/boxes/content.png;
width: 450px;
padding-left: 5px;
padding-right: 5px;
color: #525252;
}

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

.orange{
background: www.fathabbo.co.uk/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;
}

I haven't done anything with css in a long time, but I'm sure that "background", should be "background-image:"

Quote:

---

Originally Posted by 'deccy!

I haven't done anything with css in a long time, but I'm sure that "background", should be "background-image:"

---

Nope makes no difference, just makes it more neater and easier to read.
it should be:
background: url(images/blahblahblah.png);
where as you have missed out the url and brackets.

http://www.fathabbo.co.uk/images/headers/blue.png; - Thats reason why image links won't work.

EDIT: http://www.fathabbo.co.uk/images/headers/blue.png - I went through a few of the images and couldn't find them on your server? :)

--CORRECT ME IF ANY OF THIS IS WRONG--

Quote:

---

Originally Posted by --ss--

Nope makes no difference, just makes it more neater and easier to read.
it should be:
background: url(images/blahblahblah.png);
where as you have missed out the url and brackets.

---

Ahh, that's it. Cheers for correcting my mistake. :)

I just deleted the layout from the host. Please, can someone just edit the text and then paste it so I can copy it into my CSS folder?

Code:

---

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

a, a:hover, a:link, 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(www.fathabbo.co.uk/images/banner.png);
width: 649px;
height: 102px;
float: right;
}

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

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

#greenhead{
background: url(www.fathabbo.co.uk/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(www.fathabbo.co.uk/images/boxes/green.png);
width: 209px;
padding-left: 5px;
padding-right: 5px;
color: #525252;
}

#purplehead{
background: url(www.fathabbo.co.uk/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(http://www.fathabbo.**********/(imag...s/purple.png);
width: 209px;
padding-left: 5px;
padding-right: 5px;
color: #525252;
}

#bluehead{
background: url(www.fathabbo.co.uk/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(www.fathabbo.co.uk/images/boxes/blue.png);
width: 209px;
padding-left: 5px;
padding-right: 5px;
color: #525252;
}

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

#nav{
background: url(www.fathabbo.co.uk/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(www.fathabbo.co.uk/images/boxes/content.png);
width: 450px;
padding-left: 5px;
padding-right: 5px;
color: #525252;
}

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

.orange{
background: url(www.fathabbo.co.uk/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;
}

---

You're welcome :)
TBH I prefer background-image: url(img.png);
But it's preferences.

Anyways - that should work, let me know if it doesn't!

Well you dont have all your images set up right for starts there isn't a /images directory.

Some of your images are in the base directory:

http://www.fathabbo.co.uk/bar.png

However not all of them are there. Try uploading your images folder correctly and it should work fine.