Style Css appliqué a un div avec un checkbox

Style Css appliqué a un div avec un checkbox - HTML/CSS - Programmation

Marsh Posté le 27-03-2007 à 15:29:02    

Hello, j'ai qques soucis pour appliquer mon style css 'hide' tout simple :
 
 

Code :
  1. DIV.hide
  2. {
  3.     display: none;
  4. }
  5. DIV.body
  6. {
  7. //plein d'autres parametres
  8. }

 

a une balise div qui contient du texte brut, des liens href et surtout un input de type checkbox, voici ma page html :
 
 

Code :
  1. <html>
  2.     <head>
  3.         <title>test DHTML</title>
  4.         <link rel="stylesheet" type="text/css" href="css/style.css">
  5.     </head>
  6.     <body>
  7.    
  8.     <table border="0" cellspacing="0" cellpadding="0">
  9.    <tr valign="middle">
  10.     <td>&nbsp;&nbsp;
  11.       <div id='SP_1_' class='hide'><a href="#" ><img src="./images/handledownlast.gif" border="0"></a><a href="/demo-test.jsf">Graphic effects</a></td><td><input type="checkbox"  id="_1_ " name="_1_" value="true" checked /></div>
  12.       </td>
  13.    </tr>
  14.       <tr valign="middle">
  15.     <td>&nbsp;&nbsp;&nbsp;&nbsp;
  16.       <div id='SP_2_' class='body'><a href="#" ><img src="./images/handledownlast.gif" border="0"></a><a href="/demo-test.jsf">Beeuuuuarr</a></td><td><input type="checkbox"  id="_2_ " name="_2_" value="true" checked /></div>
  17.       </td>
  18.    </tr>
  19.   </table>
  20.   </body>
  21. </html>


 
Mon style 'hide' marche sur le texte, sur les 'a href' mais pas surt la checkbox qui s'affiche toujours ... :o, que ce soit sous ie 7 ou firefox 2
 
Il me manque quoi ?

Reply

Marsh Posté le 27-03-2007 à 15:29:02   

Reply

Marsh Posté le 27-03-2007 à 15:31:01    

Trouvé :o
 
c'est quand on pose la question que la réponse saute aux yeux ... mon div ne s'applique qu'au premier <td> ...
 
Merci aurel :p

Reply

Marsh Posté le 27-03-2007 à 15:39:59    

surtout ton pb est que tu mets DIV.hide. Mets tout simplement .hide pour un class et #hide pour un div. Si tu mets div.hide, c'est pas cohérent. soit c'est un div et tu mets div#hide ou #hide, soit c'est un class et tu mets .hide.
et faut mettres des " pour encadrer les id ou class, pas des '.
les balises img se ferment: <img src="/images/handledownlast.gif" border="0" />
Ton valign marche? mmoi je connaissait center...
Et j'espere que tu mets un DOCTYPE en tete de page !
Allez, corrige tout ca et hésite pas à revenir si tu encore des problemes.


Message édité par dartyduck le 27-03-2007 à 15:40:23

---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 27-03-2007 à 17:03:27    

nan mais tu m'etonnes, tu chevauche des TD avec tes DIV, c'est du gros travail de porc

Message cité 1 fois
Reply

Marsh Posté le 27-03-2007 à 17:44:34    

gatsu35 a écrit :

nan mais tu m'etonnes, tu chevauche des TD avec tes DIV, c'est du gros travail de porc


 ..... je débute carrément en dhtml, css et tout et tout ce code la est généré par du Java, avec appel Javascript et modification des styles via Ajax, alors pour l'instant le code html, du moment que ca marche, OSEF un peu quoi ....

Message cité 1 fois
Reply

Marsh Posté le 27-03-2007 à 18:13:16    

aurel a écrit :

..... je débute carrément en dhtml, css et tout et tout ce code la est généré par du Java, avec appel Javascript et modification des styles via Ajax, alors pour l'instant le code html, du moment que ca marche, OSEF un peu quoi ....


Bah à partir du moment ou tu bosses sur du HTML tu t'en OSEF pas :o.  
Apprend à connaitre ce que tu fais. La prog c'est pas de la bidouille

Message cité 2 fois
Reply

Marsh Posté le 27-03-2007 à 21:42:29    

gatsu35 a écrit :

Bah à partir du moment ou tu bosses sur du HTML tu t'en OSEF pas :o.  
Apprend à connaitre ce que tu fais. La prog c'est pas de la bidouille


+1


Message édité par dartyduck le 27-03-2007 à 21:47:54

---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 28-03-2007 à 10:21:20    

gatsu35 a écrit :

Bah à partir du moment ou tu bosses sur du HTML tu t'en OSEF pas  :o .
Apprend à connaitre ce que tu fais. La prog c'est pas de la bidouille

 

:pt1cable:  
Pour l'instant je m'occupe du faire Java/Javascript propre et qui marche, la génération html, m'en occuperais après ...
 
sinon comment on fait pour appliquer le style par défaut sur un objet (<td> en l'occurence)
J'ai un javascript du genre  
[size=1]  
 

Code :
  1. document.getElementById(\"monId\" ).style.display = 'none';

 

 
[/size]Et je voudrais le même javascript mais qui applique le style 'par défaut', c'est a dire celui qui est affiché quand tu arrives sur la page, aucun style n'est défini par défaut dans le css ou a la génération html.

Reply

Marsh Posté le 28-03-2007 à 11:22:17    

faut le mettre dans ton css: td {}


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 28-03-2007 à 11:44:23    

préoccupe toi du code HTML aussi andouille [:mlc]
Un code HTML propre permet un dévellopement plus rapide et plus propre

Message cité 1 fois
Reply

Marsh Posté le 28-03-2007 à 11:44:23   

Reply

Marsh Posté le 28-03-2007 à 11:47:17    

gatsu35 a écrit :

préoccupe toi du code HTML aussi andouille  [:mlc]
Un code HTML propre permet un dévellopement plus rapide et plus propre

 

Euh... tu te sens obligé de m'insulter ou t comme ca avec tt le monde ?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed