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!
Powered by vBulletin® Version 4.2.5 Copyright © 2024 vBulletin Solutions Inc. All rights reserved.