dzhax Posted August 26, 2010 Share Posted August 26, 2010 i am attempting overlaying backgrounds html{ background:url(images/bg-tile.jpg) top repeat transparent; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}body{ background:url(images/header.jpg) top repeat-x transparent; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;} I am trying to have the body background repeat-x across the top of the screen and the html background be behind filling all of the x and y below the body.is this right or am i doing it wrong?EDIT: <html> <head> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body> <p>hello world!</p> </body></html> Link to comment Share on other sites More sharing options...
thescientist Posted August 26, 2010 Share Posted August 26, 2010 why don't you tell us? What is happening? From the looks of it, it doesn't appear you would be able to see the styles applied to <html>, only <body>. Try setting a width and centering <body> and maybe you might get the effect you're looking for. Link to comment Share on other sites More sharing options...
dzhax Posted August 26, 2010 Author Share Posted August 26, 2010 got it forgot html is like visual basic (reads top down). made a div with repeat-y image set position to absolute and top & left to 0. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.