overlordlink
05-07-2010, 04:38 PM
Ok I have been looking around the internet and found I code I think works fairly nice for this. The only problem is I cant place anything over top of it can someone please help I mean im lost here lol
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8"/>
<title>Techmandylan's site</title>
<style type="text/css" media="screen">
img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}
@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}
div#content {
/* This is the only important rule */
/* We need our content to show up on top of
the background */
position: relative;
/* These have no effect on the functionality
*/
width: 500px;
margin: 0 auto;
background: #fff;
padding: 20px;
font-family: helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 16pt;
-moz-box-shadow: #000 4px 4px 10px;
-webkit-box-shadow: #000 4px 4px 10px;
}
body {
/* These rules have no effect on the
functionality */
/* They are for styling only */
margin: 0;
padding: 0px 0 0 0;
}
</style>
</head>
<body>
<table cellspacing="15">
<td><a href="http://www.google.com/"><img src="E:/home.png"
border="0" /></a>
<td><a href="http://www.google.com/"><img src="E:/tutorials.png"
border="0" /></a>
<td><a href="http://www.google.com/"><img src="E:/downloads.png"
border="0" /></a>
</table>
<img src="E:\bg.jpg" class="bg" />
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8"/>
<title>Techmandylan's site</title>
<style type="text/css" media="screen">
img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}
@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}
div#content {
/* This is the only important rule */
/* We need our content to show up on top of
the background */
position: relative;
/* These have no effect on the functionality
*/
width: 500px;
margin: 0 auto;
background: #fff;
padding: 20px;
font-family: helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 16pt;
-moz-box-shadow: #000 4px 4px 10px;
-webkit-box-shadow: #000 4px 4px 10px;
}
body {
/* These rules have no effect on the
functionality */
/* They are for styling only */
margin: 0;
padding: 0px 0 0 0;
}
</style>
</head>
<body>
<table cellspacing="15">
<td><a href="http://www.google.com/"><img src="E:/home.png"
border="0" /></a>
<td><a href="http://www.google.com/"><img src="E:/tutorials.png"
border="0" /></a>
<td><a href="http://www.google.com/"><img src="E:/downloads.png"
border="0" /></a>
</table>
<img src="E:\bg.jpg" class="bg" />
</body>
</html>