Créer listes déroulantes avec checkbox

Version imprimable

19/11/2008, 12h49
nass007

1 pièce(s) jointe(s)

Créer listes déroulantes avec checkbox

Bonjour,
je souhaite faire un script qui fait des listes déroulantes avec checkbox et si possible 3 tableaux dans une table comme sur la photo jointe.
Merci de votre aide.
19/11/2008, 13h47
blueice

Avec une div sans problème. :mrgreen:
Une div fixe avec overflow et ensuite une liste mise en forme avec CSS
:king:

en fait, j'avais commencé à faire un truc et j'ai essayé d'apporter les changement que tu m'as dit
le script est :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<div>
<table width="827" height="290" border="1">
  <tr>
    	<td width="405" height="187">
        	<div style="width:"300"; height:"780"; overflow:"auto"; border:solid 1px black;">
            <table>      			
      			<tr height="500">
                	<div>
                    	<table>
                        <tr>
        				<input name="" type="checkbox" value="" />coucou le monde 2</input>
                        </tr>
                        </table>
                    </div>
                    <div>
                    	<table>
                    	<tr>
        				<input name="" type="checkbox" value="" />coucou le monde 2</input>
                        </tr>
                        </table>
                    </div>
     			</tr>
 
    		</table>
			</div>
          </td>
    	<td width="303">
        	<div>
            <table>
     			<tr>
        			<td width="205" height="19">&nbsp;</td>
      			</tr>
      			<tr>
        			<td height="76">&nbsp;</td>
     	 		</tr>
                </table>
   		  </div>
        </td>
    	<td width="297">
        	<div width="286">
            <table width="261">
      			<tr>
        			<td width="205">&nbsp;</td>
      			</tr>
      			<tr>
        			<td height="76">&nbsp;</td>
      			</tr>
                </table>
	  </div></td>
  </tr>
</table>
</div>

je te préviens je commence à touché à html depuis mm pas 2 mois.
merci pour ton aide

hum tu as des erreurs dans ton html
une table s'écrit comme d'ecrit sur ce site http://a-pellegrini.developpez.com/t...ableaux/#LII.3

donc n'oublie pas les balises <td></td> quoi que tu mette dans ta case.

sinon vu que c'est des listes je m'orienterai plus sur un systeme de liste http://cyberzoide.developpez.com/html/list.php3

en faisant une première liste avec un style float: left; pour les colonnes
ensuite tu fais ta structure <div> qui contiendra une liste

ca donne un truc du genre:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<ul class="left">
    <li>
        <div>
            <div>Titre colonne 1</div>
            <div>
                <ul>
                    <li><input ...../>Titre ligne</li>
                    <li><input ...../>Titre ligne</li>
                    <li><input ...../>Titre ligne</li>
                    ...
                </ul>
            </div>
        </div>
    </li>
    <li>
        <div>
            <div>Titre colonne 2</div>
            <div>
                <ul>
                    <li><input ...../>Titre ligne</li>
                    <li><input ...../>Titre ligne</li>
                    <li><input ...../>Titre ligne</li>
                    ...
                </ul>
            </div>
        </div>
    </li>
    <li>
        <div>
            <div>Titre colonne 3</div>
            <div>
                <ul>
                    <li><input ...../>Titre ligne</li>
                    <li><input ...../>Titre ligne</li>
                    <li><input ...../>Titre ligne</li>
                    ...
                </ul>
            </div>
        </div>
    </li>
</ul>

edit on peut meme simplifer la chose en gerant bien le css on doit pouvoir faire du scroll sur un ul

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<ul class="left">
    <li>
            <span>Titre colonne 1</span>
            <ul>
                 <li><input ...../>Titre ligne</li>
                 <li><input ...../>Titre ligne</li>
                 <li><input ...../>Titre ligne</li>
                 ...
             </ul>
    </li>
.....
</ul>

19/11/2008, 16h38
nass007

merci pour ton aide je vais tester ...