Hello and welcome to our community! Is this your first visit?
Register
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
    Posts
    1
    Thanks
    0
    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

    Code:
    <!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>

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 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
    •