show/hide HTML tables rows using<div> tags

tamayo

Hi, I need to hide certainly tables rows using <div> tag, I try to manage this from an external CSS file, so, the CSS file looks like this:

#varshomic{
	display: none; 
	}

and in my html file I have this:


<html>
<HEAD><TITLE></TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<LINK type='text/css' rel='StyleSheet' href='nomina.css'>
...
....
...
<body>
....
....

<div id="varshomic">
<TR bgcolor="yellow" >
   <TD colspan='2' align="center"><b>PROBABLES HOMICIDIOS</b></TD>
   </TR>

<TR bgcolor="yellow">
   <TD colspan='2' align="center">Numero de Hoja Conjunta &nbsp; 
<INPUT type="text" size="5" maxlength="5" name="txthojcon" onKeyDown="enviarSalto(event, 'txttiparm');" onBlur='javascript:this.value=this.value.toUpperCase();'>&nbsp;&nbsp;Tipo de Arma&nbsp;&nbsp;<SELECT name="txttiparm">
    <OPTION selected value="0">(Escoja un valor:)</OPTION>
    <OPTION>Arma de Fuego</OPTION>
    <OPTION>Arma Blanca</OPTION>
    <OPTION>Objeto Contundente</OPTION>
    <OPTION>Vapuleado</OPTION>	
    <OPTION>Otras Armas</OPTION>
    <OPTION>Desconocido</OPTION>	
</SELECT></TD></TR>

</div>

so, my problem is that the rows are always displayed, my question is:

what am I missing to hide all objects inside the <div id="varshomic"> ?

regards

bradgrafelman

<div> elements aren't allowed in the middle of an HTML table definition AFAIK.

Why can't you just make a CSS class for the 'display: none' attribute and attach that class to whichever row(s) need to be hidden?

Weedpacket

bradgrafelman wrote:
<div> elements aren't allowed in the middle of an HTML table definition AFAIK.

And on top of that, IIRC, table rows can't appear outside an HTML table definition.