View Full Version : I can't get the background image to work.


curiousdude
04-23-2006, 03:27 AM
<style type="text/css">

A:link
{ text-decoration: underline; color:#FFCC33; }
A:visited
{ text-decoration:underline ; color:#FFCC33; }
A:active
{ text-decoration: underline overline; color:#FFCC33; }
A:hover
{ text-decoration: underline overline; color:#00FF00; }


h1 {font-family: Arial;
color: #FFCC33; }

p {font-family: verdana;
color: FFCC33; }


body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#left {
position: absolute;
left: 5px;
padding: 0px;
top: 0px;
width: 150px;
background-color: black;
}

#center {
margin-left: 200px;
padding: 0px;
margin-right: 200px;
top: 0px;
background-color:black;}
#right {
position: absolute;
right: 15px;
padding: 0px;
top: 0px;
width: 150px;
background:background.jpg;
}




input, textarea
{ background: #000000 ;
font-family: times new roman;
color: #FFFFFF;
border-style: solid;
border-color: #00FF00; }

</style>



What's wrong with my style sheet?

HeLpM3
04-23-2006, 05:21 AM
<style type="text/css">

A:link
{ text-decoration: underline; color:#FFCC33; }
A:visited
{ text-decoration:underline ; color:#FFCC33; }
A:active
{ text-decoration: underline overline; color:#FFCC33; }
A:hover
{ text-decoration: underline overline; color:#00FF00; }


h1 {font-family: Arial;
color: #FFCC33; }

p {font-family: verdana;
color: FFCC33; }


body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#left {
position: absolute;
left: 5px;
padding: 0px;
top: 0px;
width: 150px;
background-color: black;
}

#center {
margin-left: 200px;
padding: 0px;
margin-right: 200px;
top: 0px;
background-color:black;}
#right {
position: absolute;
right: 15px;
padding: 0px;
top: 0px;
width: 150px;
background:background.jpg;
}




input, textarea
{ background: #000000 ;
font-family: times new roman;
color: #FFFFFF;
border-style: solid;
border-color: #00FF00; }

</style>



What's wrong with my style sheet?


heres the correct code
<style type="text/css">

A:link
{ text-decoration: underline; color:#FFCC33; }
A:visited
{ text-decoration:underline ; color:#FFCC33; }
A:active
{ text-decoration: underline overline; color:#FFCC33; }
A:hover
{ text-decoration: underline overline; color:#00FF00; }


h1 {font-family: Arial;
color: #FFCC33; }

p {font-family: verdana;
color: FFCC33; }


body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#left {
position: absolute;
left: 5px;
padding: 0px;
top: 0px;
width: 150px;
background-color: black;
}

#center {
margin-left: 200px;
padding: 0px;
margin-right: 200px;
top: 0px;
background-color:black;}
#right {
position: absolute;
right: 15px;
padding: 0px;
top: 0px;
width: 150px;
background-image:url('background.jpg');
}




input, textarea
{ background: #000000 ;
font-family: times new roman;
color: #FFFFFF;
border-style: solid;
border-color: #00FF00; }

</style>

curiousdude
04-23-2006, 06:59 AM
Thanks, dude, that was awesome. You're awesome.