Printable Version of Topic

Click here to view this topic in its original format

Forums _ Webmasters' Corner Resolved Topics _ How to make this repeat?!

Posted by: funride Apr 17 2010, 09:07 PM

Okay can someone please tell me how to make the "base" image repeat? I need that to repeat! I dont know how.
Heres my code:

CODE

<html>
<title>Funride Designs</title>
<style type="text/css">

body{background-color: #000000;
background-image:url(http://funride.org/back.png);
background-repeat: repeat-x;
color: #ffffff;
font-family: verdana;
text-transform: none;
font-size: 9px;}



#side{
left:08%;
top:550px;
width:200px;
position:absolute;}


#main{
left:23%;
top:535px;
width:490px;
position:absolute;}


textarea{
background-color: #055555;
border: 1px dotted #ffffff;
width: 88px;
height: 50px;
letter-spacing: 0px;
text-transform: uppercase;
font-family: small fonts;
color: #ffffff;
font-size: 9px;}

blockquote{
background-color: #D1C2C2;
border-left: 3px solid #801A39;
padding: 3px;
color: #000000;
width: 300px;
font-size: 9px;
font-family: small fonts;
}



h1{
background-color:#f0f335;
text-align: center;
background-image:url();
width: 100%;
font: 11pt Arial Black;
font-weight: bold;
letter-spacing: 0px;
color: #000000;
padding-bottom: 03px;
margin: 0px;}

h2{
background-color:#dd398a;
text-align: center;
width: 100%;
font: 11pt Arial Black;
font-weight: bold;
letter-spacing: 0px;
color: #000000;
padding-bottom: 05px;
margin: 0px;}



#base{
position:absolute;
top:578px;
left:0px;
background-image:url(http://funride.org/base.png) repeat y;}


.base {

margin-bottom : 5px;
padding-left : 3px;
background-color : #191919;
color:#ffffff;font-family: Verdana;
font-size: 9px;
padding-top : 3px;
padding-bottom : 05px;
padding-right : 3px;
width : 97%;
border:1px solid #8e8e7a;}



#banner{
position: absolute;
top: 0px;
left: 20%;
width: 1000px}

#content h1 { margin-left: 0px;
text-align: left; }
#content p { margin-left: 0px;
width: 300px; }



a {text-decoration:none; color:#dd398a; font-weight:bold;}

a:hover {text-decoration: underline; font-weight:bold; color:#000000;}



#welcome{
left:58.7%;
width:170px;
top: 210px;
position:absolute;}


</style>

<img src="http://funride.org/version02.png" usemap="#pmoreimagemap" border="0" alt="" style="position:absolute; top:0px; left:0;" />
<map name="pmoreimagemap">


<area shape="rect" alt="Home" coords="88,99,138,117" href="/main.php" target="main">
<area shape="rect" alt="Packages" coords="163,99,232,120" href="/packages.php" target="main">
<area shape="rect" alt="Order" coords="260,99,306,118" href="/order.php" target="main">
<area shape="rect" alt="Portfolio" coords="338,100,407,118" href="/portfolio" target="_blank">
<area shape="rect" alt="Extras" coords="436,100,483,117" href="/extras.php" target="main">

</map>


<img src="http://funride.org/base.png" style="position:absolute; top:578px; left:0px; background-repeat:repeat-y;" />


<div id="welcome">
Welcome to Kesha-Duh! Your designated source for everything Kesha. You may know Kesha from her smash single "Tik Tok". Her debut album "Animal" was released on January 5th, 2010. We are geared to giving you news, media and photos as Kesha takes over pop culture. Enjoy your stay and come again! ~Nick
</div>

<div id="side">
<div class="base">
<h1>Latest Orders</h1><br>
None. ="[</div>

<div class="base">
<h1>Clientele List</h1><br>
None ="[</div>

<div class="base">
<h1>Shout Box</h1><br>
01. No inapproiate content.<br>
02. No spamming.<br>
03. No advertising.<br>
04. No orders.<br>
05. No bashing Funride or other people.<br>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="100%" height="217" src="http://www4.cbox.ws/box/?boxid=3784692&amp;boxtag=h1c85y&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="100%" height="70" src="http://www4.cbox.ws/box/?boxid=3784692&amp;boxtag=h1c85y&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX --></div>

<div class="base">
<h1>Funride Designs</h1><br>
<b>Owner/Designer:</b> Nick<br>
<b>Opened:</b> Not open<br>
<b>Layout:</b> Version 01<br>
<b>Host:</b> <a href="http://justhost.com"> Just-Host</a><br>
</div>

<div class="base">
<h1>Disclaimer</h1><br>
All images belong to there rightful owner!<br>
Designs are made by Nick! No copyright infrigement intented.<br>
Please do not take our designs and say you made them!<br>
</div>


</div>

<!-----MAIN CONTENT BEGIN-----!>

<div id="main">
<iframe src="http://kesha-duh.flaunt.nu/main.php" name="main" scrolling="no"
frameborder="no" align="center" height = "4000px" width = "490px">
</iframe>

</div>
</html>

Posted by: SortedDetails Apr 21 2010, 02:51 PM

Any chance at a live preview?

Posted by: fixtatik Apr 21 2010, 03:47 PM

"y" is not a valid property value. Likely a typo, but you either need to add a hyphen between "repeat" and "y", or remove "y" altogether.