formulaire de connexion qui reste à gauche [Résolu]

Dave Lopeur · 12/04/2011, 22h49

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, 08h44

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, 09h00

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, 10h13

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

Dave Lopeur · 13/04/2011, 10h22

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">

13/04/2011, 08h44	#2
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	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 ?
	00

13/04/2011, 09h00	#3
Dave Lopeur Futur Membre du Club Responsable de projet fonctionnel Inscription : mars 2006 Messages : 41 Détails du profil Informations personnelles : Sexe : Âge : 28 Localisation : France, Nord (Nord Pas de Calais) Informations professionnelles : Activité : Responsable de projet fonctionnel Secteur : Distribution Informations forums : Inscription : mars 2006 Messages : 41 Points : 15 Points : 15	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).
	00

13/04/2011, 10h13	#4
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	essaye avec un float:right dans le style de ton <form>
	00

13/04/2011, 10h22	#5
Dave Lopeur Futur Membre du Club Responsable de projet fonctionnel Inscription : mars 2006 Messages : 41 Détails du profil Informations personnelles : Sexe : Âge : 28 Localisation : France, Nord (Nord Pas de Calais) Informations professionnelles : Activité : Responsable de projet fonctionnel Secteur : Distribution Informations forums : Inscription : mars 2006 Messages : 41 Points : 15 Points : 15	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">
	00

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