formulaire de connexion qui reste à gauche

**Dave Lopeur** · 12/04/2011, 23h49

Bonjour,

je réalise en ce moment un site web avec connexion d'utilisateur et souhaiterai que la partie "user / mot de passe" s'affiche dans un formulaire qui s'afficheraità droite d'une cellule de tableau...

Je vous met le code source car ce sera plus simple que de m'épiloguer.
Je voudrais donc que les champs de saisie soient à droite...

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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML>
  <HEAD>
    <TITLE>Accueil</TITLE>
    <LINK href="./style/style.css" rel="stylesheet" type="text/css">
    <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  </HEAD>
 
  <BODY STYLE="font-size:12px">
    <TABLE WIDTH="100%" CELLPADDING="0" CELLSPACING="0">
      <TR>
        <TD class="header"> <!-- bandeau -->
          &nbsp;
        </TD>
      </TR>
      <TR>
        <TD class="header"> <!-- menu -->
          <CENTER>
            <TABLE WIDTH="800px" CELLPADDING="0" CELLSPACING="0" style="font-size: 11px">
              <TR>
                <TD style="font-size: 12px" width="16.6%">Accueil</TD>
                <TD style="font-size: 12px" width="16.6%">Présentation</TD>
                <TD style="font-size: 12px" width="16.6%">Inscription</TD>
                <TD style="font-size: 12px" width="16.6%">Support</TD>
                <TD style="font-size: 12px" width="16.6%">Liens</TD>
                <TD style="font-size: 12px" width="16.6%">Contact</TD>
              </TR>
              <TR>
                <TD colspan="6" style="text-align:right">
                  <FORM ACTION="index.php" METHOD="post" style="display: inline">
                    <TABLE>
                      <TR>
                        <TD>Adresse mail </TD>
                        <TD><input type="text" name="login" maxlength="50" size="15" value=""></TD>
                        <TD>&nbsp;</TD>
                        <TD>Mot de passe </TD>
                        <TD><input type="password" name="mdp" maxlength="12" size="10" value=""></TD>
                        <TD>&nbsp;</TD>
                        <TD><input type="submit" name="connexion" style="font-size: 11px" value="Connexion"></TD>
                      </TR>
                    </TABLE>
                  </FORM>
                </TD>
              </TR>
            </TABLE>
          </CENTER>
        </TD>
      </TR>
      <TR>
        <TD>
          <CENTER>
            <TABLE WIDTH="800px">
              <TR>
                <TD align="center">
                  <TABLE WIDTH="700px">
                    <TR>
                      <TD align="center">
                        <BR>
                        <BR>
                        Zoubida<BR>
                        <BR>
                        <BR>
                      </TD>
                    </TR>
                    <TR>
                      <TD align="left">
                        <BR>
                        <BR>
                        Bla bla bla bla bla
                      </TD>
                    </TR>
                    <TR>
                      <TD align="center">
                        <P>&nbsp;</P>
                        <P>&nbsp;</P>
                        <P>&nbsp;</P>
                        <P>&nbsp;</P>
                        <P>&nbsp;</P>
                        <P>&nbsp;</P>
                        <P>&nbsp;</P>
                        <P>&nbsp;</P>
                      </TD>
                    </TR>
                    <TR>
                      <TD align="center">
                        Plan du site
                      </TD>
                    </TR>
                  </TABLE>
                </TD>
              </TR>
            </TABLE>
          </CENTER>
        </TD>
      </TR>
    </TABLE>
  </BODY>
</HEAD>

Si quelqu'un comprend pourquoi ça reste à gauche...

**ornitho13** · 13/04/2011, 09h44

Salut,

As tu essayé de mettre un align sur les TD de la table à l'intérieur de ton form ?

Sinon peut être que le problème vient de ta CSS, peux tu nous le fournir ?

**Dave Lopeur** · 13/04/2011, 10h00

Les align à droite dans les TD ne serviraient qu'à aligner à droite dans le petit tableau contenu dans la form... Mais c'est la form entière que je veux aligner à droite...
J'ai tenté d'ajouter ceci :

Code :

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

 style="border:1px solid black;"

au niveau du tableau contenant la form et je vois que ce tableau est à la gauche de sa cellule mère...

Et le problème ne vient pas de la CSS car j'ai ouvert la page ce matin au boulot (où je n'ai pas emmené ce ficheir css).

**ornitho13** · 13/04/2011, 11h13

essaye avec un float:right dans le style de ton <form>

**Dave Lopeur** · 13/04/2011, 11h22

Après moultes essais et conseil d'un collègue voici la solution :

Code :

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

<TD colspan="6" align=right>

à la place de

Code :

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

<TD colspan="6" style="text-align:right">

formulaire de connexion qui reste à gauche

HTML

Discussions similaires

Partager

Partager