View Full Version : Problem With Backround..


squeekyclean
08-15-2004, 04:04 AM
I cant Get the backround to work Any ideas?




<HTML>
<HEAD>
<TITLE>
..::Desperado::..
</TITLE>
<style type="text/css">

A:link
{ text-decoration: none; color:#000000; }
A:visited
{ text-decoration: none; color:#000000; }
A:active
{ text-decoration: none; color:#000000; }
A:hover
{ text-decoration: none; color:#000000; }




h1 {font-family: Tempus Sans ITC;
color: value; #009999 }

p {font-family: Tempus Sans ITC;
color: value; #009999 }

body
{cursor: crosshair;
background-image: url(http://community.webshots.com/s/image5/5/17/63/175151763MlmLlg_ph.jpg); http://community.webshots.com/s/image5/5/17/63/175151763MlmLlg_ph.jpg
background-repeat: no-repeat;
background-attachment: fixed;

font-family: Tempus Sans ITC;
color: #009999 ;
font-weight: normal;
font-size: -1;


scrollbar-face-color : #000000;
scrollbar-highlight-color : #009999;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #009999;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #009999;

margin-top: 1;
margin-bottom: 1;
margin-left: 1;
margin-right: 1;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}</style>

</HEAD>
<BODY>
<body background="http://community.webshots.com/s/image5/5/17/63/175151763MlmLlg_ph.jpg" bgcolor="#000000" bgproperties="fixed">
<center>
<font face="Tempus Sans ITC" size="+3 #" color="#009999">
..::Desperado::..
<br>
<font face="Tempus Sans ITC" size="-1 #" color="#009999">
..::Home::Beginnings::Desperado::Endings::Freewebs ::..
<BR>
<BR>




</BODY>
</HTML>

weird girl
08-15-2004, 04:32 AM
background-image:url(http://community.webshots.com/s/image5/5/17/63/175151763MlmLlg_ph.jpg); http://community.webshots.com/s/image5/5/17/63/175151763MlmLlg_ph.jpg
That second URL is just there in the middle of nowhere.. get rid of that. :D

weird girl
08-15-2004, 04:40 AM
Darned 5 minute limit. :P
Anyways, in your body tag you have
<body background="http://community.webshots.com/s/image5/5/17/63/175151763MlmLlg_ph.jpg" bgcolor="#000000" bgproperties="fixed">
You don't any of the things that are in red because you already specified that in your css. And for the bgcolor, you can just put in your css:
background: #000000;
:)
Hope this helps!

squeekyclean
08-15-2004, 04:49 AM
It just made the backround white and the scroll bar black..
I made changes from before though...
Here is what the code is now... And Ideas?

<HTML>
<HEAD>
<TITLE>
..::Desperado::..
</TITLE>
<style type="text/css">

A:link
{ text-decoration: none; color:#000000; }
A:visited
{ text-decoration: none; color:#000000; }
A:active
{ text-decoration: none; color:#000000; }
A:hover
{ text-decoration: none; color:#000000; }




h1 {font-family: Bradley Hand ITC;
color: value; #999999 }

p {font-family: Bradley Hand ITC;
color: value; #999999 }

body
{cursor: crosshair;
background-image: url (http://community.webshots.com/s/image5/5/17/63/175151763MlmLlg_ph.jpg);
background-repeat: no-repeat;
background-attachment: fixed;

font-family: Bradley Hand ITC;
color: #999999 ;
font-weight: normal;
font-size: -0;


scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #999999;

margin-top: 1;
margin-bottom: 1;
margin-left: 1;
margin-right: 1;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
td
{ font-family: Bradley Hand ITC;
color: #999999;
padding-left: 2cm;
padding-right: 2cm;
padding-top: 2cm;
padding-bottom: 2cm;
padding: 2cm;
padding: 2cm 2cm; }

input, textarea
{background: #000000 ;
font-family: Bradley Hand ITC;
color: #999999;
border-style: dashed;
border-color: #999999;
border-width: 2px; }
</style>

</HEAD>
<BODY>
<center>
<font face="Bradley Hand ITC" size="+5 #" color="#999999">
<u><big>..::Desperado::..</big></u>
<br>
<font face="Bradley Hand ITC" size="-0 #" color="#999999">
..::Home::Beginnings::Desperado::Endings::Freewebs ::..
<BR>
<BR>




</BODY>
</HTML>







The Url is http://www.freewebs.com/desperado1/home.htm

weird girl
08-15-2004, 05:06 AM
It's an issue of order.. certain attributes have to be in a certain order sometimes... I tested the coding out, and it does work. :D

Anyway, here's the coding (the part in red is simply pointing out what's been modified):
<HTML>
<HEAD>
<TITLE>
..::Desperado::..
</TITLE>
<style type="text/css">

A:link
{ text-decoration: none; color:#000000; }
A:visited
{ text-decoration: none; color:#000000; }
A:active
{ text-decoration: none; color:#000000; }
A:hover
{ text-decoration: none; color:#000000; }




h1 {font-family: Bradley Hand ITC;
color: value; #999999 }

p {font-family: Bradley Hand ITC;
color: value; #999999 }

body
{


cursor: crosshair;
font-family: Bradley Hand ITC;
color: #999999;
font-weight: normal;
font-size: -0;
background: #000000;
background-image: url('http://community.webshots.com/s/image5/5/17/63/175151763MlmLlg_ph.jpg');
background-attachment: fixed;
background-repeat: no-repeat;

scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #999999;

margin-top: 1;
margin-bottom: 1;
margin-left: 1;
margin-right: 1;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
td
{ font-family: Bradley Hand ITC;
color: #999999;
padding-left: 2cm;
padding-right: 2cm;
padding-top: 2cm;
padding-bottom: 2cm;
padding: 2cm;
padding: 2cm 2cm; }

input, textarea
{background: #000000 ;
font-family: Bradley Hand ITC;
color: #999999;
border-style: dashed;
border-color: #999999;
border-width: 2px; }
</style>

</HEAD>
<BODY>
<center>
<font face="Bradley Hand ITC" size="+5 #" color="#999999">
<u><big>..::Desperado::..</big></u>
<br>
<font face="Bradley Hand ITC" size="-0 #" color="#999999">
..::Home::Beginnings::Desperado::Endings::Freewebs ::..
<BR>
<BR>




</BODY>
</HTML>

:D

squeekyclean
08-15-2004, 05:26 AM
The Backround Picture still does not show up? Its just a plain black backround/

weird girl
08-15-2004, 05:38 AM
That's odd... it worked fine from my end. :confusion
You could try playing around with the order of things, and see what happens... that's really the only thing I can suggest. Sorry. ;/

lefty
08-15-2004, 06:30 AM
Try refreshing the page and see if you can see anything.

pb&j
08-15-2004, 07:10 AM
this part...
font-size: -0;
background: #000000;

font size is set at negative zero? that should probably be deleted.
and that background line, you need to have the -color on it like so...

background-color: #000000;

having background on its own with a color on it was probably over-riding the image.

squeekyclean
08-16-2004, 02:55 AM
I deleted the backround color part and now its just white backround with a black scroll bar.