Reply
Background problem.
Old 02-08-2008, 01:17 PM Background problem.
Experienced Talker

Posts: 37
can someone help me pls? i want to put an image as a background on my website but i want it to stay always in teh same place like when i scroll down the site the background image stays and only the table, text, etc.. move down. here is my code idk how to do it, HELP!
the location of the image is images/bg_sub01.jpg


<html>
<head>
<title>.:WarRock:..</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.over {
background-color: transparent;
background-color: transparent;
filter:alpha(opacity=70);
opacity:0.70;
background-image: none;
border-width: 1px;
border-style: none;
border-color: #aaaaaa;
color: #aaaaaa;
}
-->
</style>
<style type="text/css">
<!--
.sideborders {
background-color: transparent;
filter:alpha(opacity=70);
opacity:0.70;
background-image: url(images/bg_sub01.jpg);
border-width: 1px;
border-style: none;
border-color: #aaaaaa;
color: #aaaaaa;
}
-->
</style>
<style type="text/css">
<!--
input {
border: 1px solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #B5B5B5;
}
-->
</style>
<style type="text/css">
<!--
a:link {
color: #B5B5B5;
text-decoration: none;
}
a:hover {
color: #B5B5B5;
text-decoration: underline;
}
a:visited {
color: #B5B5B5;
text-decoration: none;
}
-->
</style>
</head>

<body topmargin="2" leftmargin="2" rightmargin="2" background="images/bg_sub01.jpg" text="#B5B5B5">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td height="158" valign="top" background="images/headerbghoriz.gif" width="61"><div align="center"><img src="images/leftpixeltech.gif" width="61" height="155"></div></td>
<td valign="top" background="images/headerbghoriz.gif"><div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div align="center"><img src="images/header.jpg" width="575" height="128"></div></td>
</tr>
<tr>
<td><table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td background="images/leftnavbutton.gif" width="127" height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="4"></td>
</tr>
<tr>
<td><div align="center"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;&nbsp;&nbsp;&nbsp;link
one here</font></div></td>
</tr>
</table></td>
<td><img src="images/navsep.gif"></td><td background="images/navbutton.gif" width="111" height="30" ><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="4"></td>
</tr>
<tr>
<td><div align="center"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">link
two here</font></div></td>
</tr>
</table></td><td><img src="images/navsep.gif"></td><td background="images/navbutton.gif" width="111" height="30" ><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="4"></td>
</tr>
<tr>
<td><div align="center"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">link
three here</font></div></td>
</tr>
</table></td><td><img src="images/navsep.gif"></td><td background="images/navbutton.gif" width="111" height="30" ><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="4"></td>
</tr>
<tr>
<td><div align="center"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">link
four here</font></div></td>
</tr>
</table></td>
<td><img src="images/navsep.gif"></td>
<td background="images/rightnavbutton.gif" width="128" height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="4"></td>
</tr>
<tr>
<td><div align="center"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">link
five here &nbsp;&nbsp;&nbsp;</font></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</div></td>
<td valign="top" background="images/headerbghoriz.gif" width="61"><div align="right"><img src="images/rightpixeltech.gif" width="61"></div></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="26" valign="top" background="images/navbg.gif"></td>
<td height="26" valign="top" background="images/navbg.gif"></td>
<td height="26" valign="top" background="images/navbg.gif"></td>
</tr>
<tr>
<td background="images/navbgshadow.gif" height="11"></td>
<td background="images/navbgshadow.gif" height="11"></td>
<td background="images/navbgshadow.gif" height="11"></td>
</tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><table border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td valign="top"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="157" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/leftcolumnheader.gif" width="49" height="36"></td>
<td width="92" height="36" valign="top" background="images/centercolumnheader.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="9"></td>
</tr>
<tr>
<td><div align="center"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">Main
Navigation </font></div></td>
</tr>
</table></td>
<td><img src="images/rightcolumnheader.gif" width="16" height="36"></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" class="sideborders">
<tr>
<td height="15" bgcolor="#5C5E4F"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Link
Here</a></font></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr> <tr>
<td height="15"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Link
Here</a></font></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr> <tr>
<td height="15" bgcolor="#5C5E4F"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Link
Here</a></font></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr> <tr>
<td height="15"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Link
Here</a></font></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr> <tr>
<td height="15" bgcolor="#5C5E4F"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Link
Here</a></font></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr> <tr>
<td height="15"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Link
Here</a></font></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr> <tr>
<td height="15" bgcolor="#5C5E4F"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Link
Here</a></font></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr> <tr>
<td height="15"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Link
Here</a></font></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr> <tr>
<td height="15" bgcolor="#5C5E4F"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Link
Here</a></font></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr> <tr>
<td height="15"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Link
Here</a></font></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/bottomcolumns.gif" width="157" height="9"></td>
</tr>
</table></td>
</tr>
</table>
<table border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td valign="top"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="157" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/leftcolumnheader.gif" width="49" height="36"></td>
<td width="92" height="36" valign="top" background="images/centercolumnheader.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="9"></td>
</tr>
<tr>
<td><div align="center"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">Weekly
Poll </font></div></td>
</tr>
</table></td>
<td><img src="images/rightcolumnheader.gif" width="16" height="36"></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" class="sideborders">
<tr>
<td height="15" bgcolor="#5C5E4F"><div align="center"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">What
do you think of my site?</font></div></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr>
<tr>
<td height="15"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input type="radio" name="radiobutton" value="radiobutton">
Excellent! </font></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr>
<tr>
<td height="15" bgcolor="#5C5E4F"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input type="radio" name="radiobutton" value="radiobutton">
Pretty Cool! </font></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr>
<tr>
<td height="15"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input type="radio" name="radiobutton" value="radiobutton">
Average! </font></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr>
<tr>
<td height="15" bgcolor="#5C5E4F"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input type="radio" name="radiobutton" value="radiobutton">
Rubbish! </font></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr>
<tr>
<td height="15"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input type="radio" name="radiobutton" value="radiobutton">
Wheres the content! </font></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr>
<tr>
<td height="15" bgcolor="#5C5E4F"><div align="center">
<input type="submit" name="Submit" value="Vote!">
</div></td>
</tr>

</table></td>
</tr>
<tr>
<td><img src="images/bottomcolumns.gif" width="157" height="9"></td>
</tr>
</table></td>
</tr>
</table>
<table border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td valign="top"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="157" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/leftcolumnheader.gif" width="49" height="36"></td>
<td width="92" height="36" valign="top" background="images/centercolumnheader.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="9"></td>
</tr>
<tr>
<td><div align="center"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">Affiliates</font></div></td>
</tr>
</table></td>
<td><img src="images/rightcolumnheader.gif" width="16" height="36"></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" class="sideborders">
<tr>
<td height="15" bgcolor="#5C5E4F"><div align="center"><a href="http://www.zymic.com"><img src="http://www.zymic.com/zymic.gif" alt="Free Templates" width="88" height="31" border="0"></a></div></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr>
<tr>
<td height="15"><div align="center"><a href="#"><img src="images/exbutton.gif" width="88" height="31" border="0"></a></div></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr>
<tr>
<td height="15" bgcolor="#5C5E4F"><div align="center"><a href="#"><img src="images/exbutton.gif" width="88" height="31" border="0"></a></div></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr>
<tr>
<td height="15"><div align="center"><a href="#"><img src="images/exbutton.gif" width="88" height="31" border="0"></a></div></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr>
<tr>
<td height="15" bgcolor="#5C5E4F"><div align="center"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<a href="#"><img src="images/exbutton.gif" width="88" height="31" border="0"></a>
</font></div></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr>
<tr>
<td height="15"><div align="center"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<a href="#"><img src="images/exbutton.gif" width="88" height="31" border="0"></a>
</font></div></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr>
<tr>
<td height="15" bgcolor="#5C5E4F"><div align="center"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Trade?
/ View All?</a></font></div></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/bottomcolumns.gif" width="157" height="9"></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="100%" valign="top"><table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="49"><img src="images/lmc.gif" width="49" height="36"></td>
<td valign="top" background="images/mcbg.gif" ><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="9"></td>
</tr>
<tr>
<td><div align="center"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">Main
Content / News &amp; Updates</font></div></td>
</tr>
</table></td>
<td width="49"><img src="images/rmc.gif" width="49" height="36"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="20" bgcolor="#5C5E4F" class="sideborders"><table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td><b><font size="1" face="Verdana, Arial, Helvetica, sans-serif">READ
THE READ ME FILE!</font></b></td>
</tr>
<tr>
<td bgcolor="#4F5143"><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Please
read the read me file for instructions on how
to setup your template, needed to know info and
much more.</strong> <a href="!%20READ%20ME%20!.txt"><b><font color="#FF0000">View
Read Me File</font></b></a></font></div></td>
</tr>
</table></td>
</tr>
<tr>
<td><b><font size="1" face="Verdana, Arial, Helvetica, sans-serif">SUPPORT
ZYMIC </font></b></td>
</tr>
<tr>
<td bgcolor="4F5143"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Please
leave all of the default copyright images. At the bottom
of the template there is Zymic copyright text or images.
</font> <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Example:</font></p>
<p><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Template
Designed by <a href="http://www.zymic.com" target="_blank">www.zymic.com</a></font></p>
<p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b>PLEASE
WHAT EVER YOU DO, DO NOT EDIT THIS OR ATTEMPT TO DELETE
IT.</b><br>
If we find people editing the copyright, action will
be taken further.</font></p>
<p><font size="1" face="Verdana, Arial, Helvetica, sans-serif">This
is a free template, I did create this in my spare time..
The least you can do is leave credit to our site. You
can however delete the zymic affiliate buttons (88x31)
which may be on the layout.</font></p></td>
</tr>
<tr>
<td><b><font size="1" face="Verdana, Arial, Helvetica, sans-serif">WANT
TO REMOVE THE COPYRIGHT WITH OUR PERMISSION?</font></b></td>
</tr>
<tr>
<td bgcolor="#4F5143"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">If
you would like to remove the copyright (design by zymic)
it will cost $5. I will then either give you the copyright
psd which you can then edit. </font> <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Please
e-mail: templates@zymic.com</font></p>
<p><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Stating
your name, e-mail address and template number.</font></p>
<p><font size="1" face="Verdana, Arial, Helvetica, sans-serif">I
WILL THEN SEND YOU MY PAYPAL.COM address which you can
then send me the $5. I will then send the Photoshop
file or either customize it for you, it's your choice.
<br>
<br>
PLEASE NOTE, THE ABOVE EMAIL ADDRESS IS NOT MY PAYPAL
ADDRESS!</font></p></td>
</tr>
<tr>
<td><b><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Customization
Information </font></b></td>
</tr>
<tr>
<td bgcolor="#4F5143"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Are
you new to html or Photoshop/image editing? Then come
to us for help! If you require help please read the read
me file for various ways to contact us.<br>
<br>
If you would like complete customization for a template,
for instance you may want more content boxes or the site
colours changed then please contact <a href="mailto:templates@zymic.com">templates@zymic. com</a>
and we will customize the template and give you all the
help you can need from just $5+.<br>
</font> <center>
<font size="1" face="Verdana, Arial, Helvetica, sans-serif"></font>
</center></td>
</tr>
<tr>
<td><b><font size="1" face="Verdana, Arial, Helvetica, sans-serif">ZYMIC.COM
FREE TEMPLATES, TUTORIALS AND WEBMASTER RESOURCES</font></b></td>
</tr>
<tr>
<td bgcolor="#4F5143"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Zymic
offers a large amount of quality free templates, tutorials
(Photoshop etc), scripts, downloads and much much more.<br>
<br>
<br>
</font> <center>
<font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://www.zymic.com"><img border="0" alt="Zymic.com Free Templates &amp; Tutorials" src="http://www.zymic.com/images/temp88.gif" width="88" height="31"></a>
</font> </center></td>
</tr>
</table> </td>

<tr>
<td background="images/crbg.gif" height="36" class="sideborders"><div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="2"></td>
</tr>
<tr>
<td><!-- COPYRIGHT 2005 - DO NOT REMOVE WITHOUT PERSMISSION ELSE FACE LEGAL ACTION! --><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Copyright
2005 - Content by your site - Layout design by<a href="http://www.zymic.com" target="_blank"><strong>
www.zymic.com</strong></a></font></div></td>
</tr>
</table>
</td>
</table></td>
</tr>
</table></td>
<td valign="top"><table border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td valign="top"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="157" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/leftcolumnheader.gif" width="49" height="36"></td>
<td width="92" height="36" valign="top" background="images/centercolumnheader.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="9"></td>
</tr>
<tr>
<td><div align="center"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">Site
Spotlight </font></div></td>
</tr>
</table></td>
<td><img src="images/rightcolumnheader.gif" width="16" height="36"></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" class="sideborders">
<tr>
<td height="15" bgcolor="#5C5E4F"><div align="center"><font color="#B5B5B5" size="1" face="Verdana, Arial, Helvetica, sans-serif">Zymic.com</font></div></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr>
<tr>
<td ><a href="http://www.zymic.com" target="_blank"><img src="images/zymicspotlight.gif" alt="Free Templates" border="0"></a></td>
</tr>
<tr>
<td background="images/dotborder.gif" height="1"></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/bottomcolumns.gif" width="157" height="9"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
vanhell06 is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
     
Old 02-08-2008, 01:23 PM Re: Background problem.
kline11's Avatar
King Spam Talker

Posts: 1,262
Name: John
Location: USA
I would use javascript for this. Search Google and you will find.
kline11 is offline
Reply With Quote
View Public Profile Visit kline11's homepage!
 
Old 02-08-2008, 02:27 PM Re: Background problem.
LadynRed's Avatar
Super Moderator

Posts: 6,065
Location: Tennessee
http://www.developertutorials.com/tu...531/page1.html
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 02-08-2008, 02:59 PM Re: Background problem.
Experienced Talker

Posts: 37
Thank you so much
vanhell06 is offline
Reply With Quote
View Public Profile
 
Old 02-15-2008, 01:46 AM Re: Background problem.
ozzozo's Avatar
Experienced Talker

Latest Blog Post:
Customer Support Whitepaper
Posts: 44
You can do it like this using CSS

body
{ background: #1B1B19 url(bg.jpg) top center no-repeat fixed; }

Hope this helps.
ozzozo is offline
Reply With Quote
View Public Profile Visit ozzozo's homepage!
 
Reply     « Reply to Background problem.
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.21321 seconds with 13 queries