...

View Full Version : Can't Figure Out Style Sheet!



stmaryyouthgrou
07-09-2008, 10:24 PM
i'm new to the whole html/css thing, and i used a pre-made template and re-did it, but now i can't get it to my server (freewebs)

here's my code:


<style>/* CSS Basic Document */
body
{
margin:0px auto;
padding:0px;
background-color:#93BF25;
}
td.off {
background:(menu_bg.gif) 0px 0px repeat-x;
height:25px;
}
td.on{
background-color:#89B02B;
height:25px;
color:#FFFFFF;
}
td.mainoff {
background:(main_menu_bg.gif) -130px 0px no-repeat;
height:33px;
}
td.mainon{
background:(main_menu_bg.gif) 0px 0px no-repeat;
height:33px;
}
.logo
{
margin-left:19px;
margin-top:16px;
}
.header_image_box
{
padding:0px 5px 4px;
background-color:#FFFFFF;
color: #5B5A5A;
}
.body_text_box
{
padding:35px 30px 15px 30px;
background-color:#FFFFFF;
color: #5B5A5A;
}
.body_left_bg
{
background:(body_left_bg.jpg) left top repeat-y;
width:8px;
}
.body_right_bg
{
background:(body_right_bg.jpg) left top repeat-y;
width:8px;
}
.footer_left_bg
{
background:(footer_left_bg.gif) left top no-repeat;
height:33px;
}
.box_top_line
{
background:(top_line.gif) left top repeat-x;
height:9px;
}
.box_left_line
{
background:(left_line.gif) left top repeat-y;
width:9px;
}
.box_right_line
{
background:(right_line.gif) left top repeat-y;
width:9px;
}
.box_bottom_line
{
background:(bottom_line.gif) left top repeat-x;
height:9px;
}
.input_box
{
border:1px solid #72550F;
width:108px;
height:18px;
background-color:#EDE9D7;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 14px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #72550F;
text-decoration: none;
padding-left:3px;
}
.highlight
{
color:#72550F;
background-color:inherit;
font-size:14px;
text-decoration:none;
}




/* CSS Background image Document */
.menu_bg
{
background:(menu_bg.jpg) left top repeat-x;
height:27px;
}
.body_left_bg
{
background:(body_left_bg.jpg) left top repeat-y;
width:6px;
}
.body_right_bg
{
background:(body_right_bg.jpg) left top repeat-y;
width:6px;
}
.header_top_image
{
background:(header_top_image.jpg) left top no-repeat;
height:130px;
}
.header_bottom_image
{
background:(header_bottom_image.jpg) left top no-repeat;
height:127px;
}



/* CSS Text Document */
body {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #5B5A5A;
text-decoration: none;
}
.menu_link {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
background-color:inherit;
text-decoration: none;
}
.menu_link:hover
{
text-decoration:underline;
color:#FFFFFF;
background-color:inherit;
}
.left_menu_link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 33px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #72550F;
background-color:inherit;
text-decoration: none;
}
.left_menu_link:hover
{
text-decoration:underline;
color:#4B3500;
background-color:inherit;
}
.footer_link {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 23px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7AA01E;
background-color:inherit;
text-decoration: none;
}
.footer_link:hover
{
text-decoration:underline;
color:#456200;
background-color:inherit;
}

</style>

the images are uploaded on my account, so they're on there. i'm so confused! help, please!

jcdevelopment
07-09-2008, 10:41 PM
im guessing this is what you want.

if you have an image, and lets say that it is in a folder called "gfx"

and you have an html page, that is in the "root" folder

then a code like this


td.off {
background:(menu_bg.gif) 0px 0px repeat-x;
height:25px;
}


should read



td.off {
background:(gfx/menu_bg.gif) 0px 0px repeat-x;
height:25px;
}


Hope that helps

stmaryyouthgrou
07-10-2008, 02:07 AM
i'm still just getting a solid green background... i moved everything to a folder named "abc" and when i put

background:(abc/menu_bg.gif) 0px 0px repeat-x;

it still just has the green background...

jcdevelopment
07-10-2008, 02:08 AM
have you set a width and height?

stmaryyouthgrou
07-10-2008, 03:14 AM
yeah...


background:(abc/menu_bg.gif) 0px 0px repeat-x;
height:25px;

effpeetee
07-10-2008, 07:26 AM
yeah...


background:(abc/menu_bg.gif) 0px 0px repeat-x;
height:25px;
I don't see a width set anywhere in your css.

Your first line is also wrong.


<style>/* CSS Basic Document */It should be -

<style type="text/css">

W3 Validator also finds errors in the code,

You can check here. (http://jigsaw.w3.org/css-validator/)

(I may be wrong on this, but I think that the underscore character "_" should not be used in Div names. I could not find a source to check this out.)



Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum