Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2010
    Thanked 0 Times in 0 Posts

    Post Help with a fullscreen css image code

    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">
    	<meta http-equiv="Content-Type" content="text/html; 
    	<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;
    <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>
    <img src="E:\bg.jpg" class="bg" />

  2. #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Thanked 2,233 Times in 2,220 Posts
    Trying to make something like http://www.cssplay.co.uk/layouts/background?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts