musiclover1222 Posted December 28, 2006 Share Posted December 28, 2006 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 More sharing options...
musiclover1222 Posted December 29, 2006 Author Share Posted December 29, 2006 Anybody? Link to comment Share on other sites More sharing options...
PrateekSaxena Posted December 29, 2006 Share Posted December 29, 2006 I dont think that irames completely support CSS I am trying something of the same kind Link to comment Share on other sites More sharing options...
jesh Posted December 29, 2006 Share Posted December 29, 2006 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 More sharing options...
PrateekSaxena Posted December 29, 2006 Share Posted December 29, 2006 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 More sharing options...
musiclover1222 Posted December 30, 2006 Author Share Posted December 30, 2006 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 i tried it out and the backround ended up being all white so i dont know if im doing something wrong.. Link to comment Share on other sites More sharing options...
dbarto Posted December 30, 2006 Share Posted December 30, 2006 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 More sharing options...
PrateekSaxena Posted December 30, 2006 Share Posted December 30, 2006 Write this HTMLbackground: url("img\page.PNG") repeat-y 50% 0; Link to comment Share on other sites More sharing options...
musiclover1222 Posted January 7, 2007 Author Share Posted January 7, 2007 thanks i finally got it fixed thanks everyone for the help.. Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now