Feuille de style sur XHTML
Salut à tous,
Voilà j'ai appliqué des feuille de style à une page html et ça fonctionne.
J'ai pris la même feuille de style mais sur du XHTML cette fois çi aucun résultat.
J'avoue que je ne comprends pas trop dnas la mesure ou cela devrait fonctionner de la même manière.
Est-ce que quelqu'un à une idée?
Merci.
Le code de ma page
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
81
82
83
84
85
| <?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:a4j="http://richfaces.org/a4j">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<title><ui:insert name="title">Default Title</ui:insert></title>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width"/>
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="css/bootstrap.min.css" />
<style>
body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="css/bootstrap-responsive.min.css"/>
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="css/main.css"/>
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js" type="text/css"></script>
</h:head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a class="brand" href="index.jsp">Aventix</a></li>
<li><a href="index.jps">Acceuil</a></li>
<li><a href="#about">À propos</a></li>
<li><a href="#contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Adhérent <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="adhesion.jsp">Entreprise</a></li>
<li><a href="#">Commerçant</a></li>
<li><a href="http://localhost:1980/aventix/faces/employes/List.xhtml">Employés</a></li>
<li class="divider"></li>
<li class="nav-header">Géolocalisation</li>
<li><a href="geolocalisation.jsp">Géolocalisation automatique</a></li>
<li><a href="#">Géolocalisation</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Tests<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="saisiemp.jsp">lolo</a></li>
<li><a href="testbeanaje.jsp">titi</a></li>
<li><a href="testbeanjhe.jsp">tata</a></li>
<li><a href="testbeanfdi.jsp">tutu</a></li>
</ul>
</li>
</ul>
<form method="post" action="loginCheck">
<div class="navbar-form pull-right" >
<a><input class="span2" type="email" placeholder="Email" name="email_aut" id="email_aut" required="true"/></a>
<a><input class="span2" type="password" placeholder="Password" name="password_aut" id="password_aut" required="true"/></a>
<a><input class="btn" value="Connecter" type="submit"/></a>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="container">
<div class="hero-unit">
<ui:insert name="title">Default Title</ui:insert>
</div>
<p>
<ui:insert name="body">Default Body</ui:insert>
</p>
</div>
</body>
</html> |
