Discussion :

[fips1962]

Bonjour,
J'ai un problème d'affichage : lorsque dans un formulaire je mets une liste d'option avec la balise <select> la liste d'option apparaît correctement sur une ligne. J'aimerais mettre ce select dans une cellule de tableau.
Je fais donc <table><tr><td><select><option...> etc...
Et là, la taille de la cellule est trop grande, trop haute et trop longue.
J'ai tout essayé avec du CSS, rien à faire.
Lorsque je passe la souris dans la cellule, il y a des lignes vides de différentes longueurs qui sont sélectionnées et la cellule les contient, donc je pense que c'est à cause de ça que ma cellule est trop grande.
Dans le code source, rien n'indique qu'il y a ces lignes...
Quelqu'un a une idée?
Merci d'avance.

[NoSmoking]

Bonsoir,
pas de raison si le code est bien formé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<table border>
  <tr>
    <td>
      <select>
        <option>
      </select>
    </td>
  </tr>
</table>

Dans le code source, rien n'indique qu'il y a ces lignes...

et si tu nous montrais

[fips1962]

Voici le bout de code...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<table>
                            <tr>
                                <th>Désignation</th><th>Référence/Dimensions</th><th>Qte</th><th>prix Unité</th><th>Compte</th>
                            </tr>
                            <?php
                                for($i=0;$i<1;$i++){ ?>
                                    <tr>
                                        <td><input type="text" size="70" name="desig<?php echo $i ?>" /></td>
                                        <td><input type="text" size="40" id="input2" name="ref<?php echo $i ?>" /></td>
                                        <td><input type="text" size="15" id="input3" name="qte<?php echo $i ?>" /></td>
                                        <td><input type="text" size="15" id="input4" name="prixUnite<?php echo $i ?>" /></td>
                                        <td>
                                        <!-- liste de choix du code comptabilite  -->
                                        <?php //On lit le fichier des comptes pour le choix du numéro de comptabilité
                                        $compte = $compteManager->getList(); ?>
                                        <!-- Construction de la liste  -->
                                        <SELECT >
                                            <?php foreach($compte as $unCompte){ ?> 
                                            <option 
                                                <?php if($unCompte->id()==$_SESSION['codeCompte']) echo "selected"; ?>
                                                class="nouvComCodeCompta" value="<?php echo $unCompte->id(); ?>">
                                                <?php echo $unCompte->numCompte(),' | ', $unCompte->designation(); ?>
                                            </option>
                                            <?php } ?>
                                        </select>
                                        <!-- fin de liste de choix du code comptabilite    -->   
                                        </td>
                                    </tr>
 
                            <?php } ?>
                        </table>

[NoSmoking]

il faut regarder le code HTML généré pour pouvoir voir ce qui est bancal (CTRL +U sur la plupart des navigateurs).

[fips1962]

Voici le code généré. J'ai simplifié au maximum, mais rien à faire, il reste des lignes au dessus et en dessous de la liste qui n'a plus qu'une ligne!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<table>
               <tr><th>Désignation</th><th>Référence/Dimensions</th><th>Qte</th><th>prix Unité</th><th>Compte</th>
               </tr>
               <tr>
                       <td><input type="text" size="70" name="desig0" /></td>
                       <td><input type="text" size="40" id="input2" name="ref0" /></td>
                       <td><input type="text" size="15" id="input3" name="qte0" /></td>
                        <td><input type="text" size="15" id="input4" name="prixUnite0" /></td>
                        <td><select><option>"première ligne"</select></td>
                </tr>
       </table>

[fips1962]

Voila, j'ai trouvé, en fait il s'agissait bizarrement de lignes de commentaires qui n'apparaissent bien sur pas dans le code généré. Et aussi que j'avais mis le <select> dans une ligne en dessous de <td>.
Je pensais que tout ça n'avais pas d'importance... Mais preuve que si!
Merci pour le début d'aide.