PDA

View Full Version : Coder



SW.Nike
26-01-2009, 05:20 PM
To help me fix my problem.

thanks! =]

Monopoly
26-01-2009, 05:34 PM
Could you explain what the problem is? :)

SW.Nike
26-01-2009, 09:07 PM
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.**********/(images/boxes/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;
}

Monopoly
26-01-2009, 09:23 PM
I haven't done anything with css in a long time, but I'm sure that "background", should be "background-image:"

--ss--
26-01-2009, 09:38 PM
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.

user130523
26-01-2009, 10:21 PM
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--

Monopoly
26-01-2009, 10:47 PM
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. :)

SW.Nike
27-01-2009, 12:56 AM
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?

Cushioned
27-01-2009, 03:59 AM
@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); (http://www.fathabbo.co.uk/images/banner.png;)
width: 649px;
height: 102px;
float: right;
}

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

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

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

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

#bluehead{
background: url( (http://www.fathabbo.co.uk/images/banner.png;)www.fathabbo.co.uk/images/headers/blue.png); (http://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( (http://www.fathabbo.co.uk/images/banner.png;)www.fathabbo.co.uk/images/boxes/blue.png); (http://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( (http://www.fathabbo.co.uk/images/banner.png;)www.fathabbo.co.uk/images/nav.png); (http://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( (http://www.fathabbo.co.uk/images/banner.png;)www.fathabbo.co.uk/images/boxes/content.png); (http://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( (http://www.fathabbo.co.uk/images/banner.png;)www.fathabbo.co.uk/images/orange.png); (http://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!

Yonder
27-01-2009, 11:34 AM
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.

Want to hide these adverts? Register an account for free!