2013-04-10 2 views
3

Struts 2 응용 프로그램에서 CSS 스타일을 추가하려고하지만 페이지에 표시되지 않습니다. 하지만 제출을 클릭하면 두 번이나 유효성 검사 오류가 표시된 후에 CSS가 표시됩니다. 문제 내 양식의이 종류의 이력서 무엇인지 말해주십시오CSS가 Struts 2 양식 페이지에서 작동하지 않습니다

<%@ page language ="java" contentType ="text/html; charset=ISO-8859-1" pageEncoding ="ISO-8859-1"%> 
<%@ taglib uri="/struts-tags" prefix="s"%> 
<%@ taglib uri="/struts-dojo-tags" prefix="sx" %> 
<html> 
    <head> 
     <sx:head/> 
    <script type="text/javascript" src ="script.js"></script> 
    <link rel="stylesheet" type="text/css" href="css/emp.css"> 

    </head> 

<body> 

     <div id ="did" align="center"> <h1 style="color: red"> ENPLOYEE REGISTRATION FORM</h1> 

    <s:form action="emplogin" method="post" > 

     <s:textfield name="firstname" label="Employee Firstname"/> 
     <s:textfield name ="lastname" label ="Last name"/> 
     <s:textfield name ="id" label="Id"/> 
     <s:radio name ="gender" list="{'male', 'female'}" label = "Gender"/> 
    <sx:datetimepicker name="dob" displayFormat="dd-MMM-yyyy" label="DOB"></sx:datetimepicker> 
     <s:radio name ="maritalstatus" list="{'singale','married'}" label="Marital Status" /> 

     <s:textfield name ="email" label ="Email" /> 
<sx:datetimepicker name ="joiningdate" displayFormat="dd-MMM-yyyy" label="Joining Date" ></sx:datetimepicker> 

     <s:textfield name= "designation" label = "Designation"/> 
     <s:textarea name ="address" label ="Address" /> 
     <s:textfield name = "country" label ="Country" />  
     <s:textfield name ="state" label = "State" /> 
     <s:textfield name ="city" label ="City"/> 
     <s:textfield name ="pincode" label ="Pincode"/> 
     <s:textfield name ="mobileno" label="Mobile No"/> 
     <s:select name ="groups" list="{'group 1', 'group 2', 'group 3'}" label ="Group" /> 
    <tr><td>&nbsp;</td></tr> 
     <tr> 
    <td>&nbsp;</td> 
     <s:submit align="center"></s:submit> 
     </s:form> 
     </div> 
    </body> 
</html> 

CSS 파일은 여기에 있습니다 :

#did 
{background-color:#6495ed;} 

#trasition 
{ 
transition: width 2s; 
-webkit-transition: width 2s; 
} 
+0

html에 '클래스'가 표시되지 않습니다. 태그를 기반으로 스타일을 지정하고 있습니까? CSS를 볼 수 있습니까? –

답변

1

당신은 스타일 속성의 구문 실수를

이것을 바꿔야합니다.

cssStyle="{width:184px" 

to

cssStyle="width:184px;" 

또한 dojo 태그 라이브러리는 버전 2.1부터 struts2에서 사용되지 않습니다. 대신 struts2-jquery을 사용하십시오.

+0

나는 내 문제가 내가 외부 파일에서 CSS를 사용하고 있는데 내가 섹션에서 설명했음을 묻지 않는다. 버튼을 직접 제출하지 않고 e 버튼을 클릭 할 때만 작동한다. 나는 단지 baground의 색깔을 바꾸려고 노력하고있다. –

+0

@tom struts2 요소에 테마를 적용하고 있습니다. 사용자 정의 서식 또는 간단한 테마에 대해 원하는 테마를 사용하여 베어 본 html 요소에 대한 사용자 정의 테마를 정의하십시오. –

+0

정상적인 방법으로 CSS가 내 페이지에서 작동하지 않는 이유와 제출 버튼을 2 번 (유효성 확인 메시지 이후) 만 작동하는 이유를 알 수 있습니까? –

관련 문제