...

View Full Version : Help with a fullscreen css image code



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>

abduraooft
05-07-2010, 05:31 PM
Trying to make something like http://www.cssplay.co.uk/layouts/background?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum