CSS가 jsf에서 작동하지 않습니다

나는 prime-faces 용으로 css 파일을 만들었지 만 제작에는 지쳤지만 작동하지 않습니다.CSS가 jsf에서 작동하지 않습니다

이 내있는 style.css 파일입니다

<!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" dir="rtl"> 

<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>Untitled 1</title> 
<style type="text/css"> 
*{ 
padding:0px; 
margin:0px; 

} 
body{ 
background-color:#ffffff; 
    } 
.head1{ 
background-repeat:repeat-x; 
background-image: url('images/rd-el_03.png'); 
height:174px; 
} 
.head2{ 
background-image: url('images/rd-el_02.png'); 
width:364px; 
height:174px; 
margin-left:auto; 
margin-right:auto; 
background-repeat:no-repeat; 
    } 
img{ 
border:0; 
    } 
.footer1{ 
    background-image: url('images/rd-el_07.png'); 
    height:87px; 
    background-repeat:repeat-x; 
    } 
    .footer2{ 
    background-image: url('images/rd-el_06.png'); 
    float:left; 
    width:89px; 
    height:87px; 
    background-repeat:no-repeat; 

    } 
.footer3{ 
    background-image: url('images/rd-el_09.png'); 
    width:272px; 
height:87px; 
float:right; 
background-repeat:no-repeat; 

    } 
</style> 
</head> 

<body> 
    <div class="head1"> 
<div class="head2"></div> 
</div> 

<div class="footer1"> 
<a href="http://tl4s.com.sa" title="تصميم منتدى"><div class="footer2"></div></a> 
<div class="footer3"></div> 
</div> 



    </body> 

</html>

이있는 style.css가 아래의 WebContent 입니다 | - 자원 | -- css | -있는 style.css 가 :

내 XHTML 파일이 코드하지만 행운

<h:head> 
    <h:outputStylesheet name="css/styles.css" /> 
</h:head>

출처

2013-08-15 nafea

음을 퍼트 한, 그것은 CSS 파일처럼 보이지 않는다. CSS 코드가 삽입 된 HTML/XHTML 파일입니다. 모든 HTML 코드와 태그 안에있는 모든 것을 제거하고 CSS 파일에 넣으십시오! 그게 효과가있다. CSS 파일은 다음과 같습니다.

---------------------------------- 시작 --- -------------

.body{ 
css code here 
} 

.property1{ 
css code here 
}

------------------------------ ------------- end ------------------

그 밖의 것은 절대적으로 없어야합니다.

출처

2013-08-15 23:12:56 Aayush

안녕하세요. 동일한 문제가있었습니다.

내가 먼저 <h:outputStyleSheet> 태그 를 사용하여 해결 내가 메이븐을 사용하고 있기 때문에이 당신을 위해 작동하는지 모르겠어요, 그래서 당신은 당신의 리소스 폴더 안에 있는지 확인해야한다 :

webapp->resources->css->styles.css

그리고 내부에 <h:head> 다음 줄을 넣으십시오.

`<h:outputStylesheet library="css" name="styles.css" /> `

희망이 goodluck는

을하는 데 도움이 : 이 어떻게 JSF 2 참조하는 CSS 파일입니다

출처

2015-03-20 09:05:15

CSS가 jsf에서 작동하지 않습니다

답변

관련 문제