Jump to content

Help..


musiclover1222
 Share

Recommended Posts

i am trying to make my background line up with the layout but everything i do and try just doesnt work which you can see Here see how the background isnt lined up correctly ?well can someone help me fix it? or lead me in the right direction ? =/ Heres all the html that i am using..

<html><head><STYLE TYPE="text/css"> BODY { scrollbar-base-color: #514B65;scrollbar-arrow-color: #8C694D;scrollbar-DarkShadow-Color: #8C694D;}</STYLE><style fprolloverstyle>A:hover {color: #8C694D; text-decoration: blink; font-weight: bold}</style><center><body background="http://www.geocities.com/videoawards/images2/600.jpg" link="black" alink=white vlink=black></center></head><IMG SRC="http://www.geocities.com/videoawards/images2/mainlayout.jpg" BORDER=0 style="position:absolute; left:125px; top:0px;"><table border=0 style="position:absolute; left:300px; top:450px;" width="100"><TR><TD VALIGN=TOP><center><br><a href="rules.html" title="and Codes" target="inlineframe" >::Rules::</a><br> <a href="dates.html" target="inlineframe">::Dates::</a><br><a href="categories.html" target="inlineframe">::Categories::</a><br> <a href="judge.html" target="inlineframe">::Judges::</a><br><a href="submissions.html" target="inlineframe">::Submissions::</a><br><a href="submit.html" target="inlineframe">::Submit::</a><br><a href="winners.html" target="inlineframe">::Winners::</a><br> <a href="links.html" target="inlineframe">::Links::</a></center></td>    </tr>    <tr><td><center><img src="images/layoutbrbar.jpg"><center>BRVA Codes:<br><img src="button1.jpg"> <br>  </center></td>    </tr>    <tr><td><center><img src="images/layoutbrbar.jpg"><center>About Christy:<br>13 y/o Female<br>Loves to Watch Vids<br><a href="http://www.livejournal.com/brokenheart_66">Livejournal</a></center></td>    </tr>    <tr><td><center><img src="images/layoutbrbar.jpg"><center>Design by Lizaria:<br><a href="http://www.geocities.com/supernatural_btvs/" title="order layout"> SuperNatural </a> <br><a href="http://www.geocities.com/supernatural_btvs/" title="Main Site w/ free layouts"> Lizaria Dot Net </a></center></tr></td></table><div style="position:absolute;top: 450; right: 200; width:5;height:0;"><table width=100 height=200 border=0 cellpadding=0 cellspacing=0><tr valign="top"><td><iframe src="http://www.geocities.com/videoawards/home.html" name="inlineframe" width="540" height="3000"  scrolling="no" frameborder="0"></iframe></td></td></table><noembed></body></html>

so basically what im asking is

Can somebody help me align my backround up correctly?

thanks =)

Link to comment
Share on other sites

I dont think that irames completely support CSS I am trying something of the same kind :)

Link to comment
Share on other sites

The first step would be to make sure that your HTML is written properly. HTML files need to be in this order:

<html><head>  <!-- style, script, meta, link, title tags go here --></head><body>  <!-- your content goes here --></body></html>

Your code currently has something like this:

<html><head>  <center>	<body>  </center></head></body></html>

You need to close the head element before you can open the body element and there can be no "center" elements outside of the body. If you need to use center, do it like this:

<body>  <center>	<!-- rest of the content -->  </center></body>

Link to comment
Share on other sites

Hey man try this out in the CSS of the <DIV> or the body -

background: #FFFFFF url("img\page.PNG") repeat-y 50% 0;

I think it should work.just change the color and the URL of the image

Link to comment
Share on other sites

I would rewrite some of your code. It's better to use tables and styles to format the layout.A small example:<HTML><HEAD><STYLE type="text/css">BODY { background: #FFFFFF;}TABLE.mainlayout { background: url("http://www.geocities.com/videoawards/images2/600.jpg") center repeat-y; margin: 0; padding: 0; border: 0;}IMG { border: 0;}.center { text-align: center;}</STYLE></HEAD><BODY><CENTER><TABLE class=mainlayout><TR><TD colspan=2><IMG src="http://www.geocities.com/videoawards/images2/mainlayout.jpg"></TD></TR><TR><TD class=center>Some text here</TD><TD class=center>Some more here</TD></TR></CENTER></TABLE></BODY></HTML>I know it doesn't actually solve your problem, but it shows you how to align backgrounds.Hope this helps.HAPPY 2007

Link to comment
Share on other sites

Write this

HTMLbackground:  url("img\page.PNG") repeat-y 50% 0;

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...