2013-03-02 4 views
0

보통 때 인라인을 작동하지만 CSS 규칙에서 작동하지 않습니다.여백은 내가 좋아하는 뭔가를 쓸 때

하지만 쓸 때 :

<table class="marg" > 
</table> 

나 :

<table class="marg"> 
</table> 
<div class="marg"> 
<input id="j_id1109917403_4227fec1:j_id1109917403_4227feb3" type="submit" value="add" name="j_id1109917403_4227fec1:j_id1109917403_4227feb3"> 
<input id="j_id1109917403_4227fec1:j_id1109917403_4227feae" type="submit" value="cancel" name="j_id1109917403_4227fec1:j_id1109917403_4227feae"> 
</div> 
,369 :
.marg { 
    margin-left: 50px; 
    margin-top: 30px; 
} 

HTML 코드를 생성

:

<div class="marg"> 
    <h:commandButton value="add" action="a"></h:commandButton> 
    <h:commandButton value="cancel" action="b" immediate="true"></h:commandButton> 
</div> 

을이 규칙으로

테이블과 버튼이 여백없이 표시됩니다. 왜 ?

+0

문제를 설명하는 코드 (HTML 및 CSS - 브라우저에 제공된대로)를 게시하십시오. 지금까지 게시 된 코드는 그렇게하지 않습니다. 원인이 무엇이든, 공개되지 않은 코드의 일부에 있습니다. CSS 규칙이 HTML과 어떻게 연결되는지 전혀 볼 수 없습니다. –

답변

0

오, 죄송합니다. 내 바보 같은 실수였습니다. 나는 HTML로 추가하는 것을 잊는다 :

<link rel="stylesheet" type="text/css" href="style/myCSS.css" media="all" /> 

나는 그것을 추가했다고 생각했다.

+0

이 질문에 대한 답변이나 추가 데이터일까요? – SRy

+0

@SrinivasR : 답변입니다. –

-1

.marg css 클래스는 30px로 설정된 특성 내부와 달리 여백을 왼쪽으로 50px로 설정했습니다. 예, 다음 테스트 목적으로 기존의 명령에 !important를 추가하는 경우

.marg { 
    margin-left: 50px; 
    margin-top: 30px; 
    background-color: pink; 
} 
  • : CSS 규칙은 background-color을 추가하여 적용

  • +0

    나는 마진이 적용되지 않아도 상관없이 테스트 용이라고 알고있다. –

    1
    1. 시험 경우

      .marg { 
          margin-left: 50px !important; 
          margin-top: 30px !important; 
          background-color: pink; 
      } 
      
      1. 규칙이 적용되는 Firebug/Inspector를보십시오. 많은 수의 선언이있는 경우 중대한 수정자를 가졌거나 다른 것보다 더 많은 특이성을 가졌거나 마지막에 왔으며 결국 적용됩니다.

    CSS가 적용 되었습니까? !important 변경합니까? 파이어 버그에서 무엇을 볼 수 있습니까? 문제가 계속된다면 CSS 리셋없이 다시 돌아 오십시오. HTML과 CSS 코드는 문제를 이해하는 데 도움이 될 수 있습니다. HTML을 생성하는 백엔드 코드가 아닙니다.

    +0

    감사합니다. 배경색을 추가했지만 아무것도 변경되지 않았습니다. CSS가 적용되지 않습니다. 나는 브라우저를 새로 고쳤다. (mozilla ctrl-f5) 아무것도 바뀌지 않았다. 하지만 방화범이 끌려 보면 CSS 클래스 마진이 제대로 표시됩니다. –

    +0

    CSS 파일이 방화 광의 CSS 패널에 표시됩니까? Firebug의 CSS 패널에서 편집 할 때 IDE/텍스트 편집기로 마지막으로 수정 한 것을 보시겠습니까? 어떤 프록시? – FelipeAls

    +0

    고마워, 나는 내 실수를. –

    관련 문제