Bonsoir;
J'ai une interface jsf et je veux réaliser une déviation des coins du border de la page, j'ai utilisé "border-radius" dans un fichier css, mais elle n'a pas fonctionné.Voici mon modèle et le fichier css:
modele.xhtml:
Code html : 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
<!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"
		xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:p="http://primefaces.org/ui"
		xmlns:f="http://java.sun.com/jsf/core">
 
		<h:head>
		<!-- permet de déclarer une ressource qui se trouve dans le dossier css du dossier parent resources -->
		<h:outputStylesheet name="common-style.css" library="css" />
	</h:head> 
    <h:body >
				<p:layout fullPage="true">
<p:layoutUnit position="north">
<div id="header">
				<ui:insert name="header" >
					<ui:include src="/templates/header.xhtml">
					</ui:include>
				</ui:insert>
				</div>
</p:layoutUnit>
<p:layoutUnit position="center">
<div id="content">
				<ui:insert name="content" >
					<ui:include src="/templates/content.xhtml" />
				</ui:insert>
			</div>
			</p:layoutUnit>
  </p:layout>
    </h:body>
</html>
et le fichier css: common-style.css
Code css : 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
#header{
border-radius: 30px;
border-top-left-radius:100px;
border-bottom-right-radius:100px;
 
border: 1px solid #000000;
 
}
 
#content{
	border-radius: 30px;
border-top-left-radius:100px;
border-bottom-right-radius:100px;
border: 1px solid #000000;
 
 
}
qui a une idée? Merci