Center image into a splash page
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>OVUM</title> <style media="screen" type="text/css"> html { width:100%; height:100%; } img { position: absolute; top: 50%; left: 50%; width: 640px; height: 511px; margin-top: -255px; /* Half the height */ margin-left: -320px; /* Half the width */ } html, body, #wrapper { height:100%; width: 100%; margin: 0; padding: 0; border: 0; } #wrapper td { vertical-align: middle; text-align: center; } </style> </head> <body> <table id="wrapper"> <tr> <td><img src="images/Ovum_Invitation_Reponses_MERCI.jpg" alt="" /></td> </tr> </table> </body> </html> |