Log In · Register

 
 
 Closed TopicStart new topic
How to make this repeat?!
funride
post Apr 17 2010, 09:07 PM
Post #1


Funride.org
*****

Group: Member
Posts: 326
Joined: Jul 2007
Member No: 542,299
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>
 
SortedDetails
post Apr 21 2010, 02:51 PM
Post #2


Splee.
****

Group: Member
Posts: 226
Joined: Apr 2006
Member No: 397,965
Any chance at a live preview?
 
fixtatik
post Apr 21 2010, 03:47 PM
Post #3


Senior Member
******

Group: Member
Posts: 1,237
Joined: May 2008
Member No: 648,123
"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.
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic