Is <div>ing a <table> possible? Options

[cjr]

I'm trying to div a table that is over a background image. Text is in the wrapper but will not appear. I've tried all different color combinations and the text will not appear only if I left click and high light will it appear. The CSS and HTML snippets are below: How can I get text to appear for <div'd> <table>??

The text is in the shadow wrapper, however it will not appear. Please help.

--BEGIN CSS---
#content_wrapper_two_parts
{position:relative;
z-index:1;
width:275px;
height:65;
text-align:left;
background-color: rgba(255, 255, 255, 0.2);
}

#content_two_parts
{position:relative;
z-index:2;
top:-240px
width:100;
font-size:10px;
color:#000;
text-align:left;
margin:15px;
}

---BEGIN HTML---
<tr class="bodytext">
<td background="gabephotos/gabehillguit.jpg" width="300" height="400" style="background-repeat:no-repeat">
<div id="content_wrapper_combined"> <div id="content_two_parts">
<table width="250" border="0">

<tr>

<td>Will text in this table</span></td>
<td>be div'd?</span></td>
</tr>
<tr>
<td>We shall see?</span></td>
<td>Testing div table.</span></td>
</tr>
<tr>
<td>test</span></td>
<td>test</span></td>

</tr>

</table>
</div> </div>
</td>
</tr>

[pandy]

I see the text. But I can't say I understand what you are trying to do. Maybe you could explain?

[Christian J]

I'm trying to div a table

What does "<div>ing a <table>" mean? You can put a DIV inside a table cell, if that's what you mean. Here's a list of elements that may contain a DIV: http://www.htmlhelp.com/reference/html40/block/div.html

#content_wrapper_two_parts

This selector is not used in the HTML sample.

height:65;

The unit is missing (px?).

background-color: rgba(255, 255, 255, 0.2);

The 0.2 value results in a quite transparent background color. If it's positioned in front of another background maybe the latter becomes hard to see. But it shouldn't affect foreground/text color.

top:-240px

Missing semicolon after the value.

width:100;

Missing unit.

font-size:10px;

Such small text is almost unreadable on my screen. It's better to not specify font size, and let the user choose.

Use http://htmlhelp.com/tools/csscheck/ to find errors in basic CSS (may not work with all CSS2 or CSS3, though).

---BEGIN HTML---
<tr class="bodytext">

Missing TABLE start and end tags for the outer table.

<td>Will text in this table</span></td>

Missing start tag for the SPAN.

Use http://htmlhelp.com/tools/validator/ to find errors in your HTML (not for HTML5 though).