View Full Version : Background problems AGAIN!!


StrawberryWine
12-23-2006, 01:48 AM
ok i do this every time and i always have to ask can someone please look at my style sheet and tell me y my background is showing up??

<html>
<head>
<title>When I'm Bored</title>
<style type="text/css">

A:link
{ text-decoration: value; none color:#66ff99; }
A:visited
{ text-decoration: value; none color:#66ff99; }
A:active
{ text-decoration: value; none color:#66ff99; }
A:hover
{ text-decoration: value; line-through color:#66ff99;

background-image: url; "http://cp.freehostia.com/members/filemanager/?action=view&file=layout.bmp"

cursor: value; crosshair;}

h1 {font-family: value; arial
color: value; #66ff99 }

p {font-family: value; arial
color: value; #66ff99 }

body
{ background: #ff3366;
background-image: url; "http://cp.freehostia.com/members/filemanager/?action=view&file=layout.bmp"
background-repeat: value; no-repeat
background-position: valueI valueII; top left
background-attachment: value; fixed

font-family: value; arial
color: #66ff99;
letter-spacing: value; 3pt
font-weight: value; normal
font-size: value; small

direction:rtl;

scrollbar-face-color : #ff3366;
scrollbar-highlight-color : #66ff99;
scrollbar-3dlight-color : #ff3366;
scrollbar-shadow-color : #66ff99;
scrollbar-darkshadow-color : #ff3366;
scrollbar-track-color : #ff3366;
scrollbar-arrow-color : #66ff99;

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

#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 15px;
}

{ background: #ff3366;
font-family: value; arial
color: #66ff99;
border-style: value; dashed
border-color: #66ff99;
border-width: valuepx; 3}
</style>
</head>

<body>

<div id="header">
<center>
<embed src="http://img.blibs.com/editor/tools/myspace-glitter/show.swf?message=When%20I%27m%20Bored&font=http://img.blibs.com/editor/tools/myspace-glitter/fonts/plainn_lib13.swf&glitter=http://img.blibs.com/editor/tools/myspace-glitter/glitters/glitter68.swf&clickURL=http://img.blibs.com/editor/tools/myspace-glitter/&clickLABEL=MyTheme.com&swfHeight=117&swfWidth=592&bevel=1&shadow=1&glow=0&blur=0&fade=0&blink=0&fontsize=72&num=68" quality="best" wmode="transparent" bgcolor="#ffffff" width="592" height="117" name="glitters" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</center>
<HR width="100%" color="#66ff99">
</div>

<div id="left">
<font color = #66ff99>
<table border="1">
<tr>
<td bgcolor="#00FF00" bordercolor="66ff99">
Your left menu will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #left selector in the style sheet that is located on this page between the head tags.</td>
</tr>
</table>
</div>


<div id="center">
All of your content goes in this div. This section is fluid so that if the window is collapsed, your div will collapse also and fit the screen perfectly. To change the properties of this div you can change the #center selector in the style sheet that is located on this page between the head tags.
</div>

</body>
</html>

Arwen
12-23-2006, 05:36 PM
Just change this:


background-image: url; "http://cp.freehostia.com/members/filemanager/?action=view&file=layout.bmp"

to this:


background-image: url(http://cp.freehostia.com/members/filemanager/?action=view&file=layout.bmp);

Also, I can't view your background image, so I guess your visitors won't be able to see it either. Try uploading it to http://imageshack.us/