nnhubbard
05-20-2008, 03:58 PM
I am not a css novice, but I am stuck.
I have an image gallery of thumbs, and they are mixed vertical and horizontal, so I am having to use a table. Within each <td> I want to horz. center the image. So, I am trying what normally does the trick, but for some reason it is not, am I missing something here?
<table id="galTable>
<tr>
<td><img src="#" alt="blah" /></td>
</tr>
</table>
table#galTable tr td img {display:block; margin: 0 auto;}
I have an image gallery of thumbs, and they are mixed vertical and horizontal, so I am having to use a table. Within each <td> I want to horz. center the image. So, I am trying what normally does the trick, but for some reason it is not, am I missing something here?
<table id="galTable>
<tr>
<td><img src="#" alt="blah" /></td>
</tr>
</table>
table#galTable tr td img {display:block; margin: 0 auto;}