Jump to content

Double Background


Aviway
 Share

Recommended Posts

and if the page is build with table?
if you have to use a table, just have the table be the content within the div with the second background. Edited by thescientist
Link to comment
Share on other sites

would look something like this

<body><div id="container"><table>...</table></div></body>

css

body { background: url(mainbg.png); }#container {  background: url(secondbg.png); margin: 0 auto; }

Edited by smerny
Link to comment
Share on other sites

I didnt succeed, this is the code :

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"><html> <head>  <title> new document </title>  <meta name="generator" content="editplus">  <meta name="author" content="">  <meta name="keywords" content="">  <meta name="description" content="">  <style>body{	background: url('images/page_bg_top.gif') top left repeat-x;	margin:0 auto;	}#container{	background: url('images/page_bg.gif');	}table{	margin: 15px 15px 50px 15px;	border:1px solid black;	}#body_bg_top{	background: transparent url('images/body_bg_top.gif') center center no-repeat;	width:798px;	height:100px;	}#body_bg_top div{	padding-left:30px;	padding-bottom:15px;	color:#74712e;	font-size:20px;	}#body_bg_top div span{	font-size:12px;	padding-left:30px;	color:#000;	}#body_bg{border:4px solid black;	background: transparent url('images/body_bg.gif') center center repeat-y;	width:798px;	height:50px;	}#body_bg li{	display:inline;	list-style-image: url('images/arr.gif');	}a{	text-decoration:none;	color:#000;	}#body_bg_bot{	background: transparent url('images/body_bg_bot.jpg') center center no-repeat;	width:798px;	height:705px;	}  </style> </head> <body><div id="container"> <table border="0" cellpadding="0px" cellspacing="0px" align="center"> <tr>	<td id="body_bg_top">		<div>		TRANSPORT COMPANY<br>		<span>We care about your cargo</span>		</div>	</td> </tr> <tr>	<td id="body_bg">		<ul>			<li><a href="">MAIN PAGE</a></li>			<li><a href="">TRACKING</a></li>			<li><a href="">RATES</a></li>			<li><a href="">PICK UP</a></li>			<li><a href="">SERVICES</a></li>			<li><a href="">CONTACT US</a></li>		</ul>	</td> </tr> <tr>	<td id="body_bg_bot"></td> </tr> </table>  </div> </body></html>

and this is the resoult 25ydyijznqjm.gif

Link to comment
Share on other sites

body{	background: url('images/page_bg_top.gif') top left repeat-x;	margin:0 auto;	}

this is the only thing the background is getting, the other things are backgrounds within the table which is within the container div..
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...