0 Replies Latest reply on Jun 29, 2014 3:27 PM by jay fresno

    Vertically center a web page created from Photoshop

    jay fresno Level 2

      I created a web page in Photoshop, sliced it, and saved it for web. Afterwards, I edited the html code to center the whole page horizontally (this took many tries on my part). Now I want to center the page vertically, but I've not been able to find a clear explanation how to do that.

      If anyone can help and explain how to vertically center a web page created in Photoshop, and where to add the code into the existing html file (before and after which lines of code), I would greatly appreciate it.

       

      This is the html code as it now stands right now (except that I made some names generic) . . .

       

      <html>

      <head>

      <title>My web page</title>

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

      </head>

      <body bgcolor="#103762" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

      <!-- Save for Web Slices (My web page.psd) -->

      <table id="Table_01" width="1011" height="606" border="0" cellpadding="0" cellspacing="0" align="center">

        <tr>

        <td colspan="5">

        <img src="images/myimage.com.jpg" width="1011" height="394" alt=""></td>

        </tr>

        <tr>

        <td rowspan="4">

        <img src="images/My-web-page_02.gif" width="218" height="212" alt=""></td>

        <td colspan="3">

        <a href="mailto:myemail@myemail.com" target="_self">

        <img src="images/images@images.com.gif" width="179" height="19" border="0" alt=""></a></td>

        <td rowspan="4">

        <img src="images/My-web-page_04.gif" width="614" height="212" alt=""></td>

        </tr>

        <tr>

        <td colspan="3">

        <img src="images/My-web-page_05.gif" width="179" height="92" alt=""></td>

        </tr>

        <tr>

        <td rowspan="2">

        <img src="images/My-web-page_06.gif" width="46" height="101" alt=""></td>

        <td>

        <a href="http://www.adobe.com" target="_blank">

        <img src="images/adobe.com.gif" width="121" height="19" border="0" alt=""></a></td>

        <td rowspan="2">

        <img src="images/My-web-page_08.gif" width="12" height="101" alt=""></td>

        </tr>

        <tr>

        <td>

        <img src="images/My-web-page_09.gif" width="121" height="82" alt=""></td>

        </tr>

      </table>

      <!-- End Save for Web Slices -->

      </body>

      </html>