Bonjour à tous,

J'ai un petit soucis, je n'arrive pas à mettre la bonne taille à mes champs de mon formulaire. Je précise que je suis un débutant de chez débutant. Je vous avoue que le but c'est que ça ressemble à peu près à ça : 37.140.224.89

Mon code HTML
Code php : 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
<?php
include('login.php'); 
 
if(isset($_SESSION['login_user'])){
header("location: profile.php");
}
?>
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Downloads</title>
        <link href="style.css" rel="stylesheet" type="text/css">
    </head>
    <body>
 
        <h1>Downloads</h1>
        <div id=login">
        <h2>Login</h2>
 
        <form action="" method="post">
 
        <label>Username :</label>
        <input id="name" name="username" type="text">
 
        <label>Password :</label>
        <input id="password" name="password" type="password">
        <a href="/account/password_reset/">Lost password</a>
 
        <input name="Connexion" type="submit" value=" Login" >
 
        <span><?php echo $error; ?></span>
 
        </form>
    </div>
</body>
</html>
Mon code 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
48
49
50
51
52
53
54
55
56
57
58
59
body {
     background-color:#F3F6F8;
}
 
h1 {
   background-color:#FFFFFF;
   text-align:center;
   -moz-border-radius:3px 0 0 0;
   -webkit-border-radius:3px 0 0 0;
   margin:-10px -40px;
   padding:12px;
   color: #00669E;
 
  }
 
h2 {
        text-align:center;
        color:#4A4A4A;
}
label {
        color:#4A4A4A;
}
 
input[name=username],input[name=password] {
        margin-bottom:0px;
}
 
input[type=text],input[type=password] {
        width:90%;
        /*Epaisseur*/
        padding:8px;
        margin-top:8px;
        margin-bottom:0px;
        border:2px solid #E3EBEF;
        padding-left:20px;
        font-size:16px;
        font-family:raleway;
}
 
#login {
        background-color:#FFFFFF;
        text-align:center;
        -moz-border-radius:3px 0 0 0;
        -webkit-border-radius:3px 0 0 0;
        margin:-10px -40px;
        padding:15px;
}
 
body {
         width:300px;
 /*      float:left;*/
         -moz-border-radius:10px;
         -webkit-border-radius:10px;
         font-family:raleway;
         border:7px solid #DADDDE;
   padding:10px 40px 62px;
         margin:auto;
         margin-top:53px;
}
Je vous remercie.