Quantcast
Viewing all articles
Browse latest Browse all 85594

Vertically center a web page created from Photoshop

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>


Viewing all articles
Browse latest Browse all 85594

Trending Articles