display:none nao funciona

[razs 0]

Boas pessoal, alguma ideia porque não consigo fazer esta div desaparecer? eu utilizo este codigo em varias partes do projecto e funciona bem, sera que tem alguma coisa a ver com a tabela?

 

Obrigado

 

html

<div id="foo1">
<tr>
	<td>xxxxxxx</td>
	<td><input type="checkbox" name="xxxxxxx_grad" value="1"></td>
	<td><input type="checkbox" name="xxxxxxxx_repor" value="1"></td>
</tr>
<tr>
	<td>xxxxxxxxxx</td>
	<td><input type="checkbox" name="xxxxxxx_grad" value="1"></td>
	<td><input type="checkbox" name="xxxxxxxxxx_repor" value="1"></td>
</tr>
<tr>
	<td>xxxxxx</td>
	<td><input type="checkbox" name="xxxxxxxx_grad" value="1"></td>
	<td><input type="checkbox" name="xxxxxxxx_repor" value="1"></td>
</tr>	
</div>

 

css

#foo1 {display:none} 

[William Bruno 1501]

sim, tem a ver com a tabela.

 

não tem sentido você jogar uma DIV assim, entre umas TRs.

[razs 0]

entao com achas que devo fazer?

[GabrielFerrari 41]

tr{display: none;}

 

Se tiver mais "trs" que não ficaram com essa propriedade, então deve dar uma classe para elas ou usar um elemento em comum

 

Elemento em comum:

#algum_id tr{display:none;}

 

Classe:

 

.suaclasse{display: none;}

        <tr class="suaclasse" >
               <td>xxxxxxx</td>
               <td><input type="checkbox" name="xxxxxxx_grad" value="1"></td>
               <td><input type="checkbox" name="xxxxxxxx_repor" value="1"></td>
       </tr>
       <tr class="suaclasse" >
               <td>xxxxxxxxxx</td>
               <td><input type="checkbox" name="xxxxxxx_grad" value="1"></td>
               <td><input type="checkbox" name="xxxxxxxxxx_repor" value="1"></td>
       </tr>
       <tr class="suaclasse" >
               <td>xxxxxx</td>
               <td><input type="checkbox" name="xxxxxxxx_grad" value="1"></td>
               <td><input type="checkbox" name="xxxxxxxx_repor" value="1"></td>
       </tr>  

 

[razs 0]

fix assim mas nao me aparecem as checkbox

 

<div id="Box1">
Grading
</div> 

<div id="Box2">
Report
</div> 

<div id="Box3">
Exam
</div> 

<hr class="clear">

<div id="Box1">
FR
</div> 

<div id="Box2">
<input type="checkbox" name="checkFR_grad" value="1">
</div> 

<div id="Box3">
<input type="checkbox" name="checkFR_repor" value="1">
</div> 

<hr class="clear">

<div id="Box1">
FR
</div> 

<div id="Box2">
<input type="checkbox" name="checkFR_grad" value="1">
</div> 

<div id="Box3">
<input type="checkbox" name="checkFR_repor" value="1">
</div> 

 

 

#Box1, #Box2, #Box3 {
width: 50px;
/**to reduce float drop issues in IE6**/
overflow: hidden;
word-wrap: break-word;}

#Box1 {float: left;}

#Box2 {margin-left: 10px; float: left;}

#Box3 {margin-left: 10px; float: left;}

.clear {clear: both; line-height: 1px; visibility: hidden}