[SOLVED] Please Help With My Memorial Site

[Cyberdanson]

Hi. I posted last week, but have not heard from anyone.

Actually what I am going to ask is for someone (with an IE browser), to please go to my web page and see if the top picture (of my son) is centered in the middle of the page as it is meant to be, rather than to the left side.

Both my IE 6 & 7 display it to the left side, while Firefox and Netscape center the picture.

Here is the link to my site: http://www.voicenet.com/~trip

I thank you in advance for checking it out

[Fox]

Tested it with IE 6 and 7 and Firefox 2.0.0.7. IE puts the image to the left and firefox has it centered.

What did you use to make the page? If you're comfortable editing the HTML manually, you can override the style sheet that it's using to justify the image, and simply put a <center> tag around the <img src="..."> tag.

[Cyberdanson]

Thanks for responding Fox, but I have already tried the html tags, and it doesn't work for some reason. I am not proficient with html, but I have tried manipulating it somewhat to get the picture centered (including the "center" tag). I know the scource language (html) in my web page is poorly constructed , but it always worked for me.

I first composed this site with Netscape composer in 1997(when I was computer illiterate), and it has never been modified in its basic structure. As a matter of fact my IE 6 used to center it when it was my default browser (although, I don't think that has anything to do with it). Netscape and Firefox still display it centered.

Because a majority of people still use the IE browser, I want it to come in right for them. Do you have any other ideas?

Your support is much appreciated

[Fox]

Here's the code block for the image:

<table
 style="width: 200px; text-align: left; margin-left: auto; margin-right: auto;"
 border="4" cellpadding="1" cellspacing="1">
  <tbody>
    <tr>
      <td
 style="height: 265px; width: 200px; text-align: center; vertical-align: middle;"><div style="text-align: center;"><img src="index_files/School4.jpeg" alt="image"
 style="width: 200px; height: 265px;"></div></td>
    </tr>

  </tbody>
</table>

Try modifying it as follows:

<center><table
 style="width: 200px;"
 border="4" cellpadding="1" cellspacing="1">
  <tbody>
    <tr>
      <td
 style="height: 265px; width: 200px;"><div style="text-align: center;"><img src="index_files/School4.jpeg"
 style="width: 200px; height: 265px;"></div></td>
    </tr>

  </tbody>
</table></center>

That should do it.

[Cyberdanson]

It worked!!!

Thanks, Fox.

I constructed the site so long ago that I forgot I had inserted that picture into a table. Of course I didn't think to center the table rather than the image itself.

[Fox]

No problem :)

Glad you got it working.