texte ne s'affiche pas au bon endroit [Résolu]

loustalet · 14/04/2011, 23h21

Bonjour,

mon texte envoyé par php par le Get s'affiche avant le tableau alors que j'aimerais qu'il s'affiche après ....
pourquoi et comment corriger ?

Voici mon code :

Code html :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ...
    <head>
        .......
    </head>
    <body>
        <form method="POST" ...>
           .........
                <table border="1" width="360">
                  .......
                </table>
                <table border="1" width="360">
                  ........
                </table>
        </form>
 
<p align='center'> message </p>
 
 
    </body>
 
</html>

Merci pour les réponses

kOrt3x · 14/04/2011, 23h44

Et si tu fais comme ça :

Code html :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ...
    <head>
        .......
    </head>
    <body>
        <form method="POST" ...>
           .........
                <table border="1" width="360">
                  .......
                </table>
                <table border="1" width="360">
                  ........
                </table>
 
<p align='center'> message </p>
 
        </form>
 
 
 
    </body>
 
</html>

loustalet · 15/04/2011, 07h46

Bonjour,

Merci pour la réponse, mais ça n'a rien changé !
Bonne journée

Bisûnûrs · 15/04/2011, 08h09

Les éléments s'affichent dans une page dans l'ordre dans lequel ils sont définis dans le code HTML.
Cependant, il est possible de modifier cet ordre avec un peu de CSS. Le problème, c'est que tu ne nous montres pas le code CSS, donc on ne peut pas t'aider correctement.

loustalet · 15/04/2011, 08h25

Effectivement quand je désactive la css, le texte GET s'affiche après le tableau
Voici le css

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
 
#cadrelogin
{
    font-size:14px;
    text-align:center;
    position:absolute;
    top:100px;
    left: 50%;
    margin-left: -180px;
    width:100px ;
    border:5px;
}
p
{
    font-size:12px;
}
p.ptitre
{
    text-align:center;
    color:#0000FF;
    font-size: 24px;
}
 
caption
{
   caption-side: top; 
   margin:auto;
   font-weight: bold;
   font-size: 18px;
   margin-bottom: 20px; 
}
 
table
{
   margin: auto;
   border: 1px;
   border-collapse: inherit;
}
 
td
{
   vertical-align: middle; 
   border: 1px solid black;
   text-align: left;
   padding: 1px;
   font-size: 18px;
}

Merci pour les réponses

ornitho13 · 15/04/2011, 08h48

Salut,

il faudrait que tu mettes le HTML en entier car, dans ton CSS, tu utilises #cadrelogin mais on ne sait pas à quel bloc cela correspond dans ta page.

loustalet · 15/04/2011, 09h23

Voici le html, en espérant que ça ira.

Code html :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>APPLI TEST</title>
        <script type="text/javascript" src="Sources_JS/index.js"></script>
        <link  href="css/mes_styles.css" rel="stylesheet" type="text/css" media="screen"/>
    </head>
    <body>
        <form method="POST" action="veriflogin.php" onSubmit="return fvalide();">
            <div style="top:100px;font-size:24px;text-align:center">
                Test de page de login
            </div>
            <div id="cadrelogin">
                <table border="1" width="360">
                    <tr>
                        <td>
                            <p>Nom :</p>
                        </td>
                        <td>
                            <p><input type="text" id="login" name="login" size="20" tabindex="0"/></p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p>Mot de Passe :</p>
                        </td>
                        <td>
                            <p><input type="password" name="pwd" id="pwd" size="20" tabindex="1" /></p>
                        </td>
                    </tr>
                </table>
 
 
                <div style="border:1px black solid"><input type="submit" value="Envoyer" name="B1" /></div>
            </div>
 
        </form>
 
<p align='center'> message </p>
 
 
    </body>
 
</html>

Bisûnûrs · 15/04/2011, 10h33

Cherche pas plus loin, c'est le position:absolute qui engendre ton problème. Si tu l'enlèves ça devrait rentrer dans l'ordre.

Avant d'utiliser certaines propriétés CSS, t'es-tu demandé à quoi elles servaient et quel impact elles avaient ?

loustalet · 15/04/2011, 11h49

Re,

Merci pour cette réponse, j'ai enlevé le position:absolute et rajouté margin-left:auto; margin-right:auto; pour center le tableau sur la page.
Je n'ai pas du tout comprendre sur position:absolute, si tu peux me donner une indication ou un lien qui explique ce qui se passe, ça m’intéresse.

Bonne journée

Bisûnûrs · 15/04/2011, 11h53

Un petit tour dans les cours du site :
http://pbnaigeon.developpez.com/tuto...-de-base/#LIII

loustalet · 15/04/2011, 14h10

OK merci, bien compris.
Bon we

15/04/2011, 07h46	#3
loustalet Futur Membre du Club Inscription : janvier 2010 Messages : 76 Détails du profil Informations forums : Inscription : janvier 2010 Messages : 76 Points : 19 Points : 19	Bonjour, Merci pour la réponse, mais ça n'a rien changé ! Bonne journée
	00

15/04/2011, 08h09	#4
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	Les éléments s'affichent dans une page dans l'ordre dans lequel ils sont définis dans le code HTML. Cependant, il est possible de modifier cet ordre avec un peu de CSS. Le problème, c'est que tu ne nous montres pas le code CSS, donc on ne peut pas t'aider correctement.
	00

15/04/2011, 08h48	#6
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, il faudrait que tu mettes le HTML en entier car, dans ton CSS, tu utilises #cadrelogin mais on ne sait pas à quel bloc cela correspond dans ta page.
	00

15/04/2011, 10h33	#8
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	Cherche pas plus loin, c'est le position:absolute qui engendre ton problème. Si tu l'enlèves ça devrait rentrer dans l'ordre. Avant d'utiliser certaines propriétés CSS, t'es-tu demandé à quoi elles servaient et quel impact elles avaient ?
	00

15/04/2011, 11h49	#9
loustalet Futur Membre du Club Inscription : janvier 2010 Messages : 76 Détails du profil Informations forums : Inscription : janvier 2010 Messages : 76 Points : 19 Points : 19	Re, Merci pour cette réponse, j'ai enlevé le position:absolute et rajouté margin-left:auto; margin-right:auto; pour center le tableau sur la page. Je n'ai pas du tout comprendre sur position:absolute, si tu peux me donner une indication ou un lien qui explique ce qui se passe, ça m’intéresse. Bonne journée
	00

15/04/2011, 11h53	#10
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	Un petit tour dans les cours du site : http://pbnaigeon.developpez.com/tuto...-de-base/#LIII
	00

15/04/2011, 14h10	#11
loustalet Futur Membre du Club Inscription : janvier 2010 Messages : 76 Détails du profil Informations forums : Inscription : janvier 2010 Messages : 76 Points : 19 Points : 19	OK merci, bien compris. Bon we
	00

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