Style Css appliqué a un div avec un checkbox

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Style Css appliqué a un div avec un checkbox

aurel

Fraggueur en liberté

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

Code :

DIV.hide
{
display: none;
}
DIV.body
{
//plein d'autres parametres
}

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

Code :

<html>
<head>
<title>test DHTML</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr valign="middle">
<td>  
<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>
</td>
</tr>
<tr valign="middle">
<td>    
<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>
</td>
</tr>
</table>
</body>
</html>

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

Il me manque quoi ?

Publicité

aurel

Fraggueur en liberté

Trouvé

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

dartyduck

n00b AttitudE

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

gatsu35

Blablaté par Harko

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

Message cité 1 fois

aurel

Fraggueur en liberté

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

gatsu35

Blablaté par Harko

aurel a écrit :

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

Message cité 2 fois

dartyduck

n00b AttitudE

gatsu35 a écrit :

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

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

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

aurel

Fraggueur en liberté

gatsu35 a écrit :

Bah à partir du moment ou tu bosses sur du HTML tu t'en OSEF pas .
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 :

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.

dartyduck

n00b AttitudE

faut le mettre dans ton css: td {}

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

gatsu35

Blablaté par Harko

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

Publicité

aurel

Fraggueur en liberté

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 ?

FORUM HardWare.fr

Programmation

HTML/CSS

Style Css appliqué a un div avec un checkbox

Sujets relatifs
[HTML/CSS] padding --> Firefox ok ... IE pas ok 0o	[Résolu] Probleme de calques entre IE et Firefox
[CSS + php] Tentative de ul li ul li ul li ...	[CSS] Problème padding sous IE
[XHTML] Avertissement CSS	[CSS] List style, image et hover
[CSS] Changer de background image sur un div	[CSS] problème de bloc - ajout d'images
Verification checkbox, javascript
Plus de sujets relatifs à : Style Css appliqué a un div avec un checkbox

Page générée en 0.062 secondes