HTML/CSS dans NetBeans

Bonjour,

J'ai un petit projet, je voudrais bien mettre une cadre (elle s'appelle Im-Login.gif) pour le formulaire login, mais je n'arrive pas afficher tout le cadre, qu'est-ce qu'il faudrais que je modifie?

Merci pour votre aide!!

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="Style.css" /> 
        <title>Acceuil</title>
    </head>
    <body>
 
        <table border="1">
 
            <thead>
                <tr>
                    <td ><img src="LOGO.gif" width="275" height="183" alt="LOGO"/></td>
                    <td style="vertical-align: middle; text-align: center;" >
                        <div class="Connection"> 
                                <form action="jspForm.jsp" method="POST" >
                                      <div class="Im-Login" style="background-image:url(Im-Login.gif);   background-size: cover;"></div>
                                        Login &nbsp&nbsp&nbsp&nbsp&nbsp  : <input class="Lo" type="text" name="Login"/><br>
                                        Password : <input class="Lo" type="text" name="Password" /><br>
 
                                        <input type="submit" value="Ok" align="center" />
                                    </div>
                                </form>
                        </div>
 
                        </td>
                    <td class="Recherche">
                                        Rechercher : <input type="text" name="Rechercher" />
                                        &nbsp<input type="submit"  value="Ok" align="right" />                   
                    </td><br>                                       
                </tr>
             </thead>
 
             <tbody>
                <tr>
 
                    <td colspan="3" class="Centre"> <jsp:include page="rechprecise.jsp" flush="false"/><h1> Bienvenue à la page d'acceuil! </h1>
                </td>
 
                </tr> 
             </tbody>
 
             <tfoot>
                <tr>
                    <td colspan="3" class="Copyrigth"> Copyrigthtd>
                </tr>
              </tfoot>
 
        </table>
 
    </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
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
 
.Connection
{
 
    width :600px;
    height: 84px;
    color: white
}
 
.Login
{
    width:50%;
    height:50%;
    background-image: url("Im-Login.gif");
}
 
.Im-Login
{
    vertical-align: top;
    horisontal-align: top;
}
 
.Recherche
{
    width :600px;
    height: 84px;
    color: white;
 }
 
 .Recherche2
{
    width :600px;
    height: 84px;
    color: white;
 }
 
 .Centre
{
    width :600px;
    height:420px;
 }
 
 .Copyrigth
{
    width :600px;
    height: 65px;
    color: white;
 
 }
 tfoot
 {
      text-align:center;
 }
 
 body
 {
      text-align:center;
      background-image: url("Im-Fond.jpeg");
      background-repeat:no-repeat;
 }
 
 thead
 {
      text-align:center;
 }
 .Lo
 {
     margin : 1px;
     text-align:center;
 }
 
.rechprecise
 {
     color: white;
     position: relative;
     width :100px;
     height: 65px;
     vertical-align: top;
 
 }