Problème de positionnement des composants dans un formulaire

cyberdevelopment · 28/08/2011, 18h18

Bonjour,

Je débute en asp.
Je suis en train de me faire un formulaire basique commprenant des dropdonwlist et des textbox.
Mon problème est que je n'arrive pas à bien positionner mes composant comme je veux.

Je voudrai que ma 3ème dropdownList(listDepartements) soit bien en dessous et aligné avec celle du dessus (listRues)
Elle commence toutes les 2 à 27% du coté gauche et sont dans un table 100% mais il y a pourtant un décalage.

Voici le code concerné:

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table width="100%">
            <tr>
                <td width="2%">
                </td>
                <td width="8%">
                    Personne
                </td>
                <td width="1%">
                </td>
                <td width="30%">
                    <asp:DropDownList ID="listPersonnes" Width="100%" runat="server" />
                </td>
                <td width="68%">
                </td>
            </tr>
        </table>
        <table width="100%">
            <tr>
                <td width="11%">
                </td>
                <td width="8%">
                    NumRue
                </td>
                <td width="1%">
                </td>
                <td width="6%">
                    <asp:TextBox ID="numRue" Columns="4" runat="server" />
                </td>
                <td width="1%">
                </td>
                <td width="30%">
                    <asp:DropDownList ID="listRues" Width="100%" runat="server" />
                </td>
                <td width="43%">
                </td>
            </tr>
        </table>
        <table width="100%">
            <tr>
                <td width="11%">
                </td>
                <td width="6%">
                    <asp:TextBox ID="compl" Columns="6" runat="server" />
                </td>
                <td width="3%">
                </td>
                <td width="6%">
                    <asp:TextBox ID="compl2" Columns="6" runat="server" />
                </td>
                <td width="1%">
                </td>
                <td width="30%">
                    <asp:DropDownList ID="listDepartements" Width="100%" runat="server" />
                </td>
                <td width="1%">
                </td>
                <td width="6%">
                    Genere
                </td>
                <td width="6%">
                    <asp:TextBox ID="genere" Columns="6" runat="server" />
                </td>
                <td width="30%">
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

Voici la copie d'écran ou on vois que ce n'est pas véritablement bien aligné:

Je n'ai sans doute pas cerné comment positionner les composants en asp.
Merci pour votre aide et vos conseils.

sleeg · 28/08/2011, 21h49

Salut,

Ce que tu fais c'est de l'asp.net (ici c'est le forum asp classique) et ton problème est plutôt un problème de code HTML et pas d'asp ou d'asp.net...

Pour ce genre de problème (taille des tableaux), tu aurais plus facile à définir la taille en pixel pour commencer (mettre juste la valeur sans le %)...

Je ne sais pas quel éditeur tu utilises pour ton code mais si tu as un mode "création" (ou Wysiwyg), tu peux toujours "dessiner" ton tableau à l'avance et ensuite mettre tes forms à l'intérieur par la suite pour mieux t'y retrouver.

Comme je ne sais pas quelle présentation exacte tu veux donner il m'est difficile de faire cela pour toi.

En espérant t'avoir aidé...

roro06 · 29/08/2011, 10h13

Bonjour

en mettant

Code :

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

<table width="100%" border="1">

Tu verras vite où est ton erreur.

29/08/2011, 10h13	#3
roro06 Modérateur Inscription : avril 2007 Messages : 1 363 Détails du profil Informations personnelles : Âge : 42 Informations forums : Inscription : avril 2007 Messages : 1 363 Points : 1 546 Points : 1 546	Bonjour en mettant Code : Sélectionner tout - Visualiser dans une fenêtre à part <table width="100%" border="1"> Tu verras vite où est ton erreur. __________________ " La vie c'est quelque chose de très fort et de très beau.... La vie appartient a tous les vivants. It's both a dream and a feeling. C'est être ce que nous ne sommes pas sans le rester. La vie c'est mourir aussi....Et mourir c'est vraiment strong...c'est rester en vie au delà de la mort...Tous ceux qui sont morts n'ignorent pas de le savoir." (J.C. VanDamme, humoriste et philosophe belge . A moins que ce ne soit l'inverse ...) Chuck Norris comprend JC Van Damme.
	00

28/08/2011, 21h49	#2
sleeg Nouveau Membre du Club Sleeg Adri Inscription : juillet 2010 Messages : 131 Détails du profil Informations personnelles : Nom : Sleeg Adri Informations forums : Inscription : juillet 2010 Messages : 131 Points : 39 Points : 39	Salut, Ce que tu fais c'est de l'asp.net (ici c'est le forum asp classique) et ton problème est plutôt un problème de code HTML et pas d'asp ou d'asp.net... Pour ce genre de problème (taille des tableaux), tu aurais plus facile à définir la taille en pixel pour commencer (mettre juste la valeur sans le %)... Je ne sais pas quel éditeur tu utilises pour ton code mais si tu as un mode "création" (ou Wysiwyg), tu peux toujours "dessiner" ton tableau à l'avance et ensuite mettre tes forms à l'intérieur par la suite pour mieux t'y retrouver. Comme je ne sais pas quelle présentation exacte tu veux donner il m'est difficile de faire cela pour toi. En espérant t'avoir aidé...
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email