PDA

View Full Version : Reapeated image help

hannah_dru
01-07-2006, 11:52 AM
I was wondering if someone could give me help with the main page of my new fanlisting please? Its almost finished but I'm having problems with the background repeating itself. I think its my coding, but everything I've tried doesn't work and I've now messed it up so that the background tries to appear in the navigation buttons. I want it so that the swirls are just in the top right and bottom left hand corner.

I'm hoping to get it finished quickly because I've been approved at thefanlistings.org so any help would be appreciated! :)

This is the problem:
http://www.geocities.com/bruno_campos06//index2.html
hannah_dru
01-07-2006, 11:52 AM
This is my coding:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


<META HTTP-EQUIV="imagetoolbar" CONTENT="no">


<html>
<head>
<title>Can't Stop Giving: Bruno Campos/Quentin Costa Fanlisting</title>
</head>

<style type="text/css">
body {scrollbar-3dlight-color : ButtonShadow;
scrollbar-arrow-color : #000000;
scrollbar-base-color : #000000;
scrollbar-darkshadow-color : ThreedShadow;
scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;

scrollbar-3dlight-color:#000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color : #000000;
color:#000000;
font-family: arial,verdana,helvetica,sans-serif;
font-size:11px;
}

td {color:000000;
font-family: arial,verdana,helvetica,sans-serif;
font-size:11px;}

h4 {font-family: arial,verdana,helvetica,sans-serif; color:000000;}


<!--
A{color:#00000; cursor:crosshair; height:1px;behavior:url(linkhilight.htc);filter:pr ogid:dximagetransform.microsoft.gradientwipe(durat ion=1)}
A:link{color:#000000; text-decoration:none;cursor:"crosshair"}
A:visited{color:#000000;text-decoration:none;font-weight:none}
A:hover{color:#4A205A;background-color:#000000;text-decoration:none;font-weight:none;cursor:none}
-->


/*
a:link {text-decoration: none; color: #000000;}
a:active {text-decoration: none; color: #000000;}
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: none; color;background-color: #4A205A;}
*/
input, textarea, option, select {
background-color: #996600;
filter: alpha(opacity=60);
font: 11px arial,verdana,helvetica,sans-serif;
color: #000000;
border: 1px dotted #000000;}
</style>

<body background="bg.png">


<span style="position: absolute; left: 130; top: 0">
<img src="main.jpg" height="300" width="500">
</span>



<span style="position: absolute; left: 360; top: 465">
<IFRAME ALLOWTRANSPARENCY="false" name="Main" border="0" frameborder="0" width="310" height="880" src="Main.html"></iframe>
</span>




<span style="position: absolute; left: 140; top: 465">
<table cellpadding="0" background="0" cellspacing="0" border="0" bordercolor=D07EA8 width="190">
<tr>
<td>
<!--- this is where u put your left menubar --->

<center>
<a href="Main.html" target="Main"><img src="Home.jpg" border="0" width=100height=35></A><BR>
<a href="About.html" target="Main"><img src="About.jpg" border="0" width=100height=35></A><BR>

<a href="Rules.html" target="Main"><img src="Rules.jpg" border="0" width=100height=35></A><BR>
<a href="Join.html" target="Main"><img src="Join.jpg" border="0" width=100height=35></A><BR>
<a href="Codes.html" target="Main"><img src="Codes.jpg" border="0" width=100height=35></A><BR>
<a href="Extra.html" target="Main"><img src="Extra.jpg" border="0" width=100height=35></A>
<a href="Site.html" target="Main"><img src="Site.jpg" border="0" width=100height=35></a>
<br><br>
<u>Top Affiliates</u><BR>
<a href="http://www.insanedrusilla.deadtime.net"><img src="idsmall.jpg"> <a href="mailto:bruno_campos@hotmail.co.uk?subject=Top Affiliates"><img src="apply.jpg"></a><a href="mailto:bruno_campos@hotmail.co.uk?subject=Top Affiliates"><img src="apply.jpg"></a><a href="mailto:bruno_campos@hotmail.co.uk?subject=Top Affiliates"><img src="apply.jpg"></a><a href="mailto:bruno_campos@hotmail.co.uk?subject=Top Affiliates"><img src="apply.jpg"></a><a href="mailto:bruno_campos@hotmail.co.uk?subject=Top Affiliates"><img src="apply.jpg"></a><a href="mailto:bruno_campos@hotmail.co.uk?subject=Top Affiliates"><img src="apply.jpg"></a><a href="mailto:bruno_campos@hotmail.co.uk?subject=Top Affiliates"><img src="apply.jpg"></a><a href="mailto:bruno_campos@hotmail.co.uk?subject=Top Affiliates"><img src="apply.jpg"></a><a href="mailto:bruno_campos@hotmail.co.uk?subject=Top Affiliates"><img src="apply.jpg"></a>
<font="Arial"> <Font color="000000">


</td>
</tr>
</table>
</span>






</body>
</html>
<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=809503;
var sc_partition=4;
var sc_security="3850e0ed";
</script>

<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=1165480;
var sc_invisible=0;
var sc_partition=10;
var sc_security="980f6886";
</script>

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/frames.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c11.statcounter.com/counter.php?sc_project=1165480&amp;java=0&amp;security=980 f6886&amp;invisible=0" alt="website hit counter" border="0"></a> </noscript>
<!-- End of StatCounter Code -->
Spid
01-07-2006, 01:09 PM
add your background into your css code


body{
background-image:url('your backgrounds url');
background-attachment: fixed;
background-position:center center;
background-repeat:no-repeat;
}

and remove your background code from the html.
hannah_dru
01-07-2006, 01:30 PM
add your background into your css code


body{
background-image:url('your backgrounds url');
background-attachment: fixed;
background-position:center center;
background-repeat:no-repeat;
}

and remove your background code from the html.

Thank you! You're a star.
Spid
01-08-2006, 01:44 AM
Happy to help :)