I want to make a image center of my page.
Not the top center but middle center.
Like a coming soon page.
And i want to add a background color to it.
Can someone give me the whole code including the html tags from top to bottom?
Thanks +REP
P.S. I know its dumb haha
Results 1 to 8 of 8
Thread: Dumb HTML question [+ REP]
-
Dumb HTML question [+ REP]
-
-
-
Originally Posted by Madox
Replace the '#FFFFFF' with the colour you want the background to be.HTML Code:<html> <head> <title>Title</title> <style type="text/css"> body { background-color: #FFFFFF; } #centerImage { position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -100px; } </style> </head> <body> <img src="URL OF THE IMAGE" id="centerImage" /> </body> </html>
Replace the '-50px' and the '-100px' with the correct numbers for your image (half of the height and half of the width)
Replace the "URL OF THE IMAGE" with the url of the image, obviously.
Completely untested and barely even read over to check it, but it should work.
-
-
Screenshot? Originally Posted by Madox
-
Get rid of everything I said before, just do this, it's simpler.
HTML Code:<html> <head>Title</head> <style type="text/css"> body { background-color: #FFFFFF; } #centerImage { height: 100%; width: 100%; background: url(1.png) no-repeat center center; } </style> <body> <div id="centerImage"> </div> </body> </html>
Last edited by Trinity; 08-07-2011 at 12:57 AM.
-
Reply With Quote
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts