Spry Menubar Transparency - Help Needed!

Question

Hi
I've successfully inserted and customised a horizontal
menubar into my webpage.
What i'd like to do, and i can't figure out how, is to set
the transparency of the submenu's to semi-transparent.
I know how to make the submenu's either solid or fully
transparent.
I can manage to get them to be semi-transparent but the text
within them is also semi-transparent (and makes it hard to read).
I've fiddled and played around in the CSS and i just can't
get it to work.
If anyone has managed to do this can you please enlighten me.
Thanks

Answer 1

Hi eschillay,
Assuming you had a data set with column names that matched the headers in your table, it would look something like this:
<script type="text/javascript">
var ds1 = new Spry.Data.XMLDataSet("states.xml", "/states/state");
</script>
<div spry:detailregion="ds1">
<table>
  <tr>
    <th>State</th>
    <th>Credit</th>
    <th>Numbers</th>
    <th>Date</th>
  </tr>
  <tr>
    <td>
      <select spry:repeatchildren="ds1" spry:choose="choose" onchange="ds1.setCurrentRowNumber(this.selectedIndex)">
        <option spry:when="{ds_RowNumber} == {ds_CurrentRowNumber}" selected="selected" value="{State}">{State}</option>
        <option spry:default="default" value="{State}">{State}</option>
      </select>
    </td>
    <td>{Credit}</td>
    <td>{Numbers}</td>
    <td>{Date}</td>
  </tr>
</table>
</div>
--== Kin ==--