table help

[nymph4]

I think I am useing my Table Data Code incorect.
I have a photo and text under it in a Table Cell and I want it to be Centered in the cell so I thought I do this.

<TD BGCOLOR="#000000" VALIGN="TOP" ALIGN="CENTER">
<img src="house A1.jpg" height="45">
<BR>
<p>
Home Page.
</p>
</TD>

The photo goes to the TOP of the cell why??

[BC_Programmer]

because you told it to.

[umbra]

Hi,
 
 Having a first look , as BC says you have "VALIGN="TOP" so  it goes on top of the cell , remove this property and let only ALIGN="CENTER" so the content of <td> will be centered (horizontally), and vertical alignment will be the default one.

 If you need more help about this , please let me know.

Radu

[nymph4]

Here is the whole code I am using and the first two cells have the photo  centered  but all the other cells have the photos going to the top center???
Why

<TABLE BORDER="0" cellspacing="5">
<TR>

<td bgcolor="#000000" align="center" valign="middle">
<img src="mail.gif" height="45">
<BR>
<p>
E-MAIL THE ARTIST.
</p>
</TD>

<td bgcolor="#000000" align="center" valign="middle">
<img src="house A1.jpg" height="45">
<BR>
<p>
HOME PAGE.
</p>
</TD>

<td bgcolor="#000000" align="center" valign="middle">
<img src="folder.jpg" height="55">
<BR>
<p>
ARTIST RESUME PAGE.
</p>
</TD>
</TR>

<TR>
<td bgcolor="#000000" align="center" valign="middle">
<img src="print A2.jpg" height="55">
<BR>
<p>
SPRING GALLERY PAGE.
</p>
</TD>

<td bgcolor="#000000" align="center" valign="middle">
<img src="print E41.jpg" height="55">
<BR>
<p>
FALL GALLERY PAGE.
</p>
</TD>

<td bgcolor="#000000" align="center" valign="middle">
<img src="print E45.jpg" height="55">
<BR>
<p>
WINTER GALLERY PAGE.
</p>
</TD>
</TR>
</TABLE>
<BR>

[kpac]

It's because you have a paragraph underneath the image. If you set the td valign to middle everything together in the td is centered, not just images.

[nymph4]

Yes I know this
But the first two images with text under it in the cells work good.

The other cells move the images up to the top and  I think there is room for it to center the text and images  but they don't in the other cells.

[nymph4]

OK my link to my page I need help with is
www.robertsartgallery.com

You will see a Table at the top left hand side of the main page.

The photo of a  Mail Box  and  House  all have text under them and they are all Centered in the Cells  great   you can see a Little room on top and under them in the Cells.

When you get to the photos for the Spring Gallery and the  Fall Gallery  you will see thephotos are all pushed to the tops of there Cell?

Why can't I get every photo in every Cell to be Centered?

[2x3i5x]

sorry not to be about the table help you're requesting but...

I tried visiting your page in internet explorer and I'm seeing

Code: [Select]

p{color:white;font-family:Times New Roman, Arial;} h1{text-decoration:underline;color:white;font-family:Times New Roman,Arial;}
body{background-image: url(wall.jpg);}
a:link{color:#FFFF00;} a:visited{color:##FFFF00;} a:hover{color:#FFFF00;} a:focus{color:#FFFF00;} a:active{color:#FFFF00;}
on the top of the page. 

[umbra]

Hi again nymph4 ,

 I copy paste your html code and test it on my local machine using FireFox 3.6 (also there could be some browser specific issues but with this html code i doubt about this), all the pictures were align centered as you mentioned , in your html, i could not find
any strange behavior for your html , code, it performs right.
 
 Pictures seems to be vertical align (only using default height of cell) because you have some content after them in cell, those <p> and br>.

 If you want to test this alignment just increase the height of a cell , and you will see that its content (img and p) will be centered.

 Try for example this code for a cell:

<td bgcolor="#000000" align="center" valign="middle" height="1000px">
<img src="house A1.jpg" height="45">
<BR>
<p>
HOME PAGE.
</p>
</TD>

and you will see that content is centered.

If you want that this requirement to be seen on your page  increase the height of cells. (td elements)


Hope this helps .


Regards,
Radu
 

[nymph4]

I will try what you told me with the Hight of the Cells.

But what I ment is this.

The photo of the Mail Box is Centered in the Cell and you can see a Little Black of the Cell color at the top of the photo.

My other photos like the Spring photo and  Fall Photo  even if I make the photos  very very small    they will be centered in the Cell but go all the way to the top and you don't see any Black at the top of the Cell  Like with the photo of the Mail Box???

[kpac]

 

The photo of the Mail Box is Centered in the Cell and you can see a Little Black of the Cell color at the top of the photo.

The first two images are not high enough.

[nymph4]

OK I made all my images 2. inch Heigh to try it out.
And the only image that goes in the center of the cell is the Mailbox  the other images go to the tops of there cells and I see no Black on top of them.

Now if all my images are  2. inch heigh  then will they not do the same thing??