Problème CSS avec Java

**totot** · 22/07/2014, 16h27

Bonjour,

Je re-développe mon application que j'avais déjà développé en php en java web. Mon problème c'est que mon boostrap n'est pas pris en compte.
Je souhaiterai avoir la même interface que la première capture.
voici ma jsp:

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
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>intranet</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<!-- bootstrap -->
<link href="./assets/css/bootstrap/bootstrap.css" rel="stylesheet">
<link href="./assets/css/bootstrap/bootstrap-overrides.css"
	type="text/css" rel="stylesheet">
 
<!-- global styles -->
<link rel="stylesheet" type="text/css"
	href="./assets/css/compiled/layout.css">
<link rel="stylesheet" type="text/css"
	href="./assets/css/compiled/elements.css">
<link rel="stylesheet" type="text/css"
	href="./assets/css/compiled/icons.css">
 
<!-- libraries -->
<link rel="stylesheet" type="text/css"
	href="./assets/css/lib/font-awesome.css">
 
<!-- this page specific styles -->
<link rel="stylesheet" href="./assets/css/compiled/signin.css"
	type="text/css" media="screen" />
 
<!-- open sans font -->
<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,800italic,400,300,600,700,800'
	rel='stylesheet' type='text/css'>
 
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<script src="./assets/js/jquery.js"></script>
<script src="./assets/js/jquery.min.js"></script>
<script type="text/javascript" src="./assets/js/controle.js"></script>
<script
	src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.pack.js"
	type="text/javascript"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/theme.js"></script>
</head>
<body>
	<!-- pre load bg imgs -->
	<script type="text/javascript">
		$(function() {
			// bg switcher
			var $btns = $(".bg-switch .bg");
			$btns.click(function(e) {
				e.preventDefault();
				$btns.removeClass("active");
				$(this).addClass("active");
				var bg = $(this).data("img");
 
				$("html").css("background-image",
						"url('./assets/img/bgs/" + bg + "')");
			});
 
		});
	</script>
 
	<div class="login-wrapper">
		<div class="box">
			<div class="content-wrap">
				<form id="signin" action="" method="post">
					<h6>Log in</h6>
					<label for="ident"><span class="help-required"></span></label> <input
						class="form-control required" role="input" aria-required="true"
						type="text" placeholder="Identifiant" name="ident" id="ident"
						value=""/> <label for="mdp"><span
						class="help-required"></span></label> <input class="form-control required"
						role="input" aria-required="true" type="password"
						placeholder="Mot de passe" name="mdp" id="mdp" value="" /> <a
						href="mdpPerdu.php" class="forgot">Mot de passe oublié ?</a> <input
						type="submit" value="Log in" name="submit" id="submitButton"
						class="btn-glow primary login"
						title="Cliquez ici pour vous connecter !" />
				</form>
			</div>
		</div>
	</div>
</body>
</html>

l'appel de l'image dans le fichier signin.css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
.login-bg {
  background: url("../../img/bgs/blueish.jpg") no-repeat center center fixed;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bgs/landscape.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bgs/landscape.jpg', sizingMethod='scale')";
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Merci de votre aide

Problème CSS avec Java

Développement Web en Java

Mode arborescent

Discussions similaires

Partager

Partager