Vertical Alignment

[jshpik1]

Hello,

I'm trying to vertically align to center some text... and it's not working. I've tried that Veritcal Align to Center Guide on here and it's not helping. I don't understand why valign="middle" isn't working in the cell tag. I've also tried vertical-align: middle in the nav part of CSS. I started having issues when I put the H1 tag in there.

Anyway here it is....

For the CSS:

h1,h2
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 22px; font-weight : bold; text-decoration : none; line-height : 100%; color : #000000; }

.nav
{ font-weight: bold; font-size: 11px; color : #C10003; }
a.nav
{ text-decoration: none; color : #C10003; font-size : 11px; }
a.nav:visited
{ text-decoration: none; color : #C10003; font-size : 11px; }
a.nav:hover
{ text-decoration: underline; color : #C10003; font-size : 11px; }

For the HTML:

<tr>
<td colspan="6" align="left" nowrap="nowrap" height="18"><h1><a class="nav" href="{U_VIEW_FORUM}">{FORUM_NAME}</a></h1></td>
</tr>

Thanks.

[scriptmasterdel]

"H" Tags automatically are assigned with a margin value, try removing this value by declaring "margin: 0".

[jshpik1]

Tried it by adding margin : 0; to the h CSS, then adding valign="middle" to td. Didn't work bummer.

[HarryM]

Try adding display:inline; to the h1,h2 styles.