How can I force a table cell to be a specific height?

Question

I have a table of special characters. There are a few that have space above and below the character. I want all the cells to be the same size. Can I force a cell size even though some of the contents will exceed the cell height and be hidden? Look at the arrow section near the bottom of this page.

http://www.geocities.com/denmarks/SpecialChars.html

Answer 1

Tables do not behave in this manner. I've done some playing around before answering and have not been able to force a cell to a particular height no matter the contents.

This may be awkward, but you could add some extra code to the offending cells:

<td><div style="height: 30px; overflow: hidden;">Character</div></td>

Go a step further and define the style in your HEAD and assign a class to each div.

<style type="text/css">

div.overflow {height: 30px; overflow: hidden;}

</style>

<td><div class="overflow">Character</div></td>