How to center photos ?

Hi Everyone,

 I'm trying to figure out how to center my photos using visual studio 05 express edition. I think I'm doing it correctly, I'm right clikcing on the photo pressing "style" then "Text" horizontal = Center Vertical = Middle. The photo in Visual Web Developer centers but when I publish the site, it stays to the right ? Would you anyone know why this is happening ?

Below I've added some of my source code. Any help would be greatly appreciated. Thanks everyone.

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

<script runat="server">

</script> <html xmlns="http://www.w3.org/1999/xhtml&quot; >

<head runat="server">

<title>Ringtones</title> </head>

<body>

<form id="form1" runat="server">

<div style="text-align: center">

<table border="2" style="width: 811px; height: 558px">

<tr>

<td style="vertical-align: middle; width: 100px; text-align: center">

<img src="Logo-Photos/photo1.jpg" /></td>

<td style="vertical-align: middle; width: 100px; text-align: center">

<img src="Logo-Photos/photo2.jpg" /></td>

<td style="vertical-align: middle; width: 100px; text-align: center">

<img src="Logo-Photos/photo3.jpg" style="width: 243px; height: 115px" /></td>

</tr>

<tr>

<td style="vertical-align: middle; width: 100px; text-align: center">

<img src="Logo-Photos/photo4.jpg" /></td>

<td style="vertical-align: middle; width: 100px; text-align: center">

<img src="Logo-Photos/photo5.png" /></td>

<td style="vertical-align: middle; width: 100px; text-align: center">

<img src="Logo-Photos/photo6.gif" style="vertical-align: middle; text-align: center" /></td>

</tr>

<tr>

<td style="vertical-align: middle; width: 100px; text-align: center">

<img src="Logo-Photos/photo7.jpg" /></td>

<td style="vertical-align: middle; width: 100px; text-align: center">

<img src="Logo-Photos/photo8.gif" style="vertical-align: middle; text-align: center" hspace="0" tabindex="0" /></td>

<td style="vertical-align: middle; width: 100px; text-align: center">

<img src="Logo-Photos/photo9.jpg" style="vertical-align: middle; text-align: center" /></td>

</tr>

<tr>

<td style="vertical-align: middle; width: 100px; text-align: center">

<img src="Logo-Photos/photo10.jpg" /></td>

<td style="vertical-align: middle; width: 100px; text-align: center">

<img src="Logo-Photos/photo11.jpg" style="width: 233px; height: 156px" /></td>

<td style="vertical-align: middle; width: 100px; text-align: center">

<img src="Logo-Photos/photo12.gif" style="vertical-align: middle; text-align: center" /></td>

</tr>

</table>

 

</div>

</form> </body>

</html>


Read More

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s