2012-06-25 6 views
-1

JSP, 서블릿 및 Tomcat을 사용하여 대학 내 소규모 프로젝트를하고 있는데, 설계에 몇 가지 문제점이 있습니다.JSP 및 서블릿의 설계 문제

문제점 : Dreamweaver에서 동일한 디자인의 파일을 열 때 필요한 디자인보다 동일한 파일을 열면 CSS 또는 JSP 코드를 변경하지 않아도 브라우저에서 페이지를 다시로드하면 항상 내 디자인이 변경됩니다. 이 문제와 관련하여 저를 도울 수 있습니까?

login.css 
    body { 
     font-family: "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif, Helvetica, sans-serif; 
     font-size: 13px; 
     background: url(../images/bg.png) 0 64px repeat-x; 
     margin: 0; 
    } 

    .wrapper { 
     xmargin: 0 auto; 
    } 

    #border-top.h_green { 
     background: url(../images/j_header_middle.png) repeat-x; 
     height: 84px; 
     xmargin: 0 auto; 
    } 

    #contentbox,#header-top { 
     width: 755px; 
     margin: 0 auto; 
     xbackground: #efefef; 
     padding: 0px; 
     position: relative; 
    } 

    #menuheader { 
     position: relative; 
    } 

    #contentbox p { 
     padding: 0 0 10px 0; 
    } 

    #menubox { 
     background: #fff; 
     padding: 3px 10px; 
     border-left: 1px solid #cccecc; 
     border-right: 1px solid #cccecc; 
     height: 15px; 
    } 

    #user_name { 
     position: absolute; 
     right: 0px; 
     top: 0px; 
     xbackground: url(../../../images/icons/user.png) no-repeat scroll 0 2px 
      transparent; 
     padding-left: 20px; 
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
     font-size: 11px; 
     font-weight: bold; 
     color: #666; 
    } 

    .loginwrapper { 
     width: 755px; 
     margin: 0 auto; 
    } 

    .btn{ 
     background:url(../images/btn.jpg) repeat-x; 
     height:28px; 
     border:none; 
     color:#fff; 
     margin-top:20px; 
    } 

    .loginbox { 
     background: url(../images/login_shadow.png) no-repeat; 
     height: 310px; 
     padding: 40px; 
    } 

    .rightsection { 
     width: 85%; 
     float: right; 
     border-bottom: 1px solid #cccc; 
    } 

    .rightboxwrapper { 
     float: left; 
     width: 325px; 
     padding-right: 30px; 
     background: url(../images/loginleft.png) no-repeat center bottom; 
     height: 262px; 
    } 

    .rightboxwrapper .loginheader h2 { 
     color: #0588ab; 
     font-size: 16px; 
     font-family: trebuchet MS; 
     margin: 0; 
     text-align: left; 
    } 

    .loginform input { 
     width: 170px; 
    } 

    .loginform input#btnsubmit { 
     width: 80px !important; 
     border: none; 
    } 

    .loginform { 
     padding: 10px 0 0 45px; 
     line-height: 35px; 
     background: url(../images/lock.png) no-repeat right center; 
     width: 335px; 
    } 

    .loginform td { 
     color: #333333; 
     font-family: trebuchet MS; 
     font-size: 12px; 
     padding: 0; 
     margin: 0; 
    } 

    .copyright { 
     width: 100%; 
     text-align: right; 
     padding: 5px 0px; 
     font-size: 11px;; 
     color: #0588ab; 
     font-family: trebuchet MS; 
    } 

    .copyright p { 
     padding-right: 15px !important; 
    } 
+0

먼저 HTML/CSS를 알아야합니다. 좋은 책을 사주세요 (w3schools, dreamweaver 등을 사용하지 마십시오), 간단한 텍스트 편집기 또는 netbeans와 같은 IDE, 일식 등을 사용하십시오. – adatapost

+0

tomcat에서 jsp 페이지를 실행 중입니까? 브라우저에서 JSP를 직접 실행하면 작동하지 않습니다. – AurA

+0

jsp 파일과 CSS를 게시하십시오. –

답변

1

몇 가지 이유는 내가 생각할 수 있습니다

  1. 당신은 CSS로 페이지를 링크하는 것을 잊었다.
  2. CSS가로드되지 않았습니다 (URL이 잘못되어 있기 때문에), 페이지를 마우스 오른쪽 버튼으로 클릭하고 '소스보기'를 선택한 다음 상단의 CSS URL을 찾아 클릭하면 볼 수 있습니다 .

jsp/css를 게시하면 도움이 될 것입니다.

+0

AurA : jsp 페이지를 실행하기 위해 tomcat 6을 사용하고 있습니다. 내 문제는 디자인이 제대로 작동하지 않는다는 것입니다. 하지만 언젠가 브라우저 로고가 새로 고쳐지면 다시 정상적으로 작동합니다. –

+0

jsp/css를 게시 할 수 있습니까? – Tomer

+0

css 파일을 업로드하는 방법? 전체 프로젝트를 보낼 수있는 곳을 이메일에 추가 할 수 있습니까? –