I'm using the following styles to create a split title bar:
PHP Code:
DIV.title
{
float:left;
text-align:left;
background:none transparent;
white-space:nowrap;
z-index:1;
}
DIV.menu
{
float:right;
text-align:right;
background:none transparent;
white-space:nowrap;
z-index:3;
}
The HTML to produce this split title bar is as follows:
PHP Code:
<div class='title'>Title</div>
<div class='menu'><a href='somewhere.com'>Somewhere</a></div>
The code works fine outside of a table, but inside a table (specifically a caption), the hyperlink is blocked such that it cannot be clicked:
PHP Code:
<table>
<caption>
<div class='title'>Title</div>
<div class='menu'><a
href='somewhere.com'>Somewhere</a></div>
</caption>
<tr>
<td>Doo da</td>
<td>Day</td>
</tr>
</table>
I've tried forcing the stacking order with z-index and also messed with background properties of the table and caption. Can anyone solve this dilemma? My desire is to maintain using captions...
Thanks,
N8.