PDA

View Full Version : Background not showing

Paco
11-30-2005, 06:42 PM
This is really weird, I got the background working and then I chaged it and now it does not show.

<html>
<head>
<title>All Things Random</title>
</head>
<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;

background-image: url('http://i2.photobucket.com/albums/y22/kier1989/AJoltofLuck-1024x768.jpg');
background-color: #000000;

(Warning: the following cursor attribute is for those who use IE only!)

cursor: default;
cursor: url('yourdomain.com/cursor.ani')}

h1 {font-family: Palatino Linotype
color: #000000; }

p {font-family: Palatino Linotype;
color: #000000}

body
{ margin:0; padding:0; background:background-attachment url('http://i2.photobucket.com/albums/y22/kier1989/AJoltofLuck-1024x768.jpg') no-repeat(; font-family:Palatino Linotype; color:#000000; letter-spacing:0pt; font-weight:normal; font-size:medium; direction:rtl; warning:the following scrollbar attribute is for those who use IE only! 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:#000000; background-image:url('http://i2.photobucket.com/albums/y22/kier1989/AJoltofLuck-1024x768.jpg'); background-repeat:repeat
}

td
{ font-family: Palatino Linotype;
color: #000000;
padding-left: 2cm;
padding-right: 2cm;
padding-top: 2cm;
padding-bottom: 2cm;
padding: 2cm;
padding: 2cm, 4cm; }

input, textarea
{ border:5px dashed #000000; background:#000000 url('http://i2.photobucket.com/albums/y22/kier1989/AJoltofLuck-1024x768.jpg'); font-family: Palatino Linotype;
color: #000000;
}

</style>
<body>
<div style="position:absolute; left:496; top:354; width:158; height:164; background-color:#ffffff; overflow:auto">

Your text and images would go here

</div>

<div style="position:absolute; left:102; top:19; width:335; height:33; background-color:#ffffff; overflow:auto">

All Things Random</div>
<div style="position:absolute; left:508; top:26; width:158; height:164; background-color:#ffffff; overflow:auto">

<p align="center">Navigation</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</div>
<div style="position:absolute; left:102; top:54; width:335; height:245; background-color:#ffffff; overflow:auto">

Your text and images would go here

</div>

</body>
</html>

Does anyone know what is wrong?
harmor
11-30-2005, 07:10 PM
Remove
background-color: #000000;
Paco
11-30-2005, 07:16 PM
That does not seem to work
harmor
11-30-2005, 07:18 PM
Change
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;

background-image: url('http://i2.photobucket.com/albums/y22/kier1989/AJoltofLuck-1024x768.jpg');
background-color: #000000;

To
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; }

body{
background-image: url('http://i2.photobucket.com/albums/y22/kier1989/AJoltofLuck-1024x768.jpg');
}

You forgot the ending curly bracket for "A:hover".
You forgot to but the background image in the body. (I don't know the technical name for it)
Monkey Bizzle
11-30-2005, 07:24 PM
Your code is a little messed up. Try this as your whole code.

<html>
<head>
<title>All Things Random</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: Palatino Linotype;
color: #000000;}

p
{font-family: Palatino Linotype;
color: #000000;}

body
{margin: 0;
padding: 0;
font-family: Palatino Linotype;
background-image: url('http://i2.photobucket.com/albums/y22/kier1989/AJoltofLuck-1024x768.jpg');
background-repeat: repeat;
color: #000000;
letter-spacing: 0;
font-weight: normal;
font-size: medium;
direction: rtl;

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:#000000;}

td
{font-family: Palatino Linotype;
color: #000000;
padding: 2cm;}

input, textarea
{border: 5px dashed #000000;
font-family: Palatino Linotype;
color: #000000;}

</style>

</head>

<body>

<div style="position: absolute; left: 496px; top: 354px; width: 158px; height: 164px; background-color: #FFFFFF; overflow: auto;">

Your text and images would go here

</div>

<div style="position: absolute; left: 102px; top: 19px; width: 335px; height: 33px; background-color: #FFFFFF; overflow: auto;">

All Things Random

</div>

<div style="position: absolute; left: 508px; top: 26px; width: 158px; height: 164px; background-color: #FFFFFF; overflow: auto;">

<p align="center">Navigation</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

</div>

<div style="position: absolute; left: 102px; top: 54px; width: 335px; height: 245px; background-color: #FFFFFF; overflow: auto;">

Your text and images would go here

</div>

</body>
</html>
Paco
11-30-2005, 07:25 PM
Yay, thanks both of you.
Monkey Bizzle
11-30-2005, 07:26 PM
Yay, thanks both of you.

you're welcome =)