Discussion :

[escalibur2b]

Bonjour,

J'ai actuellement une liste de données recupérées dans ma base de données, sous forme de liste déroulante, mais le nom et le prix des articles sont collées l'un à l'autre.

C'est pour ça que je sollicite votre aide pour pouvoir me dire comment faire un tableau pour mettre la denomination à gauche et le prix à droite.

Voici un bout du 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
 
 <tr>
        <td width="60%" style="font-size:12px">
   &bull; Carte graphique :
   		</td>
        <td width="40%">  <select name="listbox_cg" style="width:600px;"> 
             	<option name="cg" value="cg" >Aucun(e)</option>
 
                    <?php
 
 
					$req = "select distinct * from products p, products_description pd, products_to_categories p2c, categories_description cd where p.products_status = '1' and p.products_id = pd.products_id and p.products_id = p2c.products_id and p2c.categories_id = cd.categories_id and cd.categories_id LIKE '1071' order by p.products_price ASC ";
      	               $sql = mysql_query($req);
                          while ($data = mysql_fetch_assoc($sql)) 
                            {
                                $nom_cg = $data['products_name'];
								$prix_cg = round($data['products_price'] * 1.196, 2);
                                $id_cg = $data['products_id'];
 
                                echo "<option value=$id_cg> ".($nom_cg)." - ".($prix_cg)." €</option>";
 
							}		                   
                      ?>                         
               </select>
           </td>
           </tr>

Merci par avance

[provirus]

Bonjour,

Si je comprends bien, présentement, les items de la liste déroulante ressemblent à:

Code :

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

1
2
Pomme - 10$
Sot - 5$

et vous voudriez plutôt avoir:

Code :

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

1
2
Pomme - 10$
Sot   -  5$

Si c'est le cas, ce n'est pas possible de mettre un tableau dans une liste déroulante. Plusieurs choix de remplacements s'offrent à vous.

1. Vous pourriez continuer d'utiliser la liste déroulante et utiliser str-pad() pour ajouter des espaces au nom et au prix (séparément). Je ne crois pas que mettre un espace fonctionnerait (puisque les navigateurs n'en gardent qu'un), mais il y a un caractère spécial pour faire des espaces dans un document html.

2. Vous pourriez remplacer la liste déroulante par un popup javascript qui affiche un tableau

[gwharl]

Je ne suis pas sur d'avoir bien compris ta question.

Est-ce comme provirus l'a dit, tu souhaite appliquer un tableau dans ta liste déroulante ?

Veux-tu afficher un tableau en dehors ?

[escalibur2b]

Bonjour,

Je souhaiterais appliquer un tableau dans le menu déroulant pour mettre un peu d'ordre dans tout ça.

Merci pour votre aide

[kodeya]

Si c'est la mise en page qui t'intéresses je reprend provirus

Bonjour,

Si je comprends bien, présentement, les items de la liste déroulante ressemblent à:

Code :

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

1
2
Pomme - 10$
Sot - 5$

et vous voudriez plutôt avoir:

Code :

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

1
2
Pomme - 10$
Sot   -  5$

Si c'est le cas, ce n'est pas possible de mettre un tableau dans une liste déroulante. Plusieurs choix de remplacements s'offrent à vous.

1. Vous pourriez continuer d'utiliser la liste déroulante et utiliser str-pad() pour ajouter des espaces au nom et au prix (séparément). Je ne crois pas que mettre un espace fonctionnerait (puisque les navigateurs n'en gardent qu'un), mais il y a un caractère spécial pour faire des espaces dans un document html.

Effectivement les espaces blancs sont ignorés dans <option>. IL faut utiliser

Code :

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

 

) à la place :

Code :

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

1
2
3
 
Pomme   - 10$
Sot     -  5$

Il faut penser à la taille du nom du produit qui peut aller de 2 à je ne sais pas trop combien de caractères et au prix

[escalibur2b]

Bonjour Kodeya,

Etant donné qu'il est impossible de faire un tableau dans un menu déroulant, puis-je au moins demander à ce que le prix soit aligné à droite du menu déroulant?

Merci par avance.

[kodeya]

Tu peux faire ça avec css :

Code :

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

1
2
 
<style type="text/css">select option{text-align:right}</style>

[escalibur2b]

C'est encore celui qui comprends rien lol,

j'ai essayé, mais cela me fait des erreurs dans le fichiers.