mise en page verticale formulaire
Bonjour,
jen'arrive pas à centrer verticalement mon formulaire.
J'ai testé valign="middle" un peu partout (table,div,form...), mais sans résultats
Code:
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
| <!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" lang="en_US" xml:lang="en_US">
<head>
<title> </title>
<link rel="stylesheet" type="text/css" href="style_1.css">
</head>
<body background="images/foot.jpg" bgcolor=#6699cc link=#FFF0FF alink=#FF000F vlink=#a65B2a text=#FF0000>
<div id="bandeau">
<A align="center" HREF="envoi_id.html">Mot de passe oublié?</A>
<A align="center" HREF="form_inscription.html">Inscrivez-vous!</A>
</div>
<div id="contenu">
<form action="login.php" method='post'>
<table border="8">
<tr>
<td>Nom d'utilisateur :</td>
<td><input type="text" name="login" maxlength="50"></td>
</tr>
<tr>
<td>Mot de passe :</td>
<td><input type="password"name="pass" maxlength="12"></td>
</tr>
<tr>
<td colspan="10"><input type="submit" value="Entrez sur le site"></td>
</tr>
</table>
</form>
</div>
<div id="piedpage">
<center><img src="images/apache_pb2_ani.gif"></center>
</div>
</body>
</html> |
Code:
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
| @CHARSET "ISO-8859-1";
html,body {
width:100%;
height:100%;
}
div{
text-align:center;
position: center;
}
div#bandeau {
width:100%;
height:5%;
background-color:#00CCFF;
}
div#contenu {
/*left: 50%;
top: 50%;*/
width: 100%;
height: 90%;
background-color:#FFCC00;
}
div#piedpage {
width:100%;
height:5%;
background-color:#33FF99;
} |
Quelqu'un a t'il une piste?
merci d'avance
