Joomla의 테이블 크기가 제대로 조정되지 않았습니까?

Question

현재 Joomla를 사용하여 간단한 웹 사이트를 만들려고합니다. 조사/설문지 작성을 목적으로 Form Maker Lite이라는 Joomla Extension Survey를 업로드했습니다.

내 확장 기능을 Joomla 웹 사이트에 게시했습니다. 불행히도 테이블의 크기를 조정할 수 없습니다. 나는 width: px을 사용하여 테이블의 크기를 조정하려고 시도했지만 작동하지 않았습니다. 여기

테이블의 현재 자동 생성 된 CSS입니다 :

#form10 .wdform-matrix-table { 
    display: table; 
    border-spacing: 0px 
    } 

내가 예상대로 나오지 않은이 (결과를 사용하여 시도 그래서 여기에 HTML을 복사하는 데 문제가 있어요, 그것은 표시했었다 테이블 형태로) - My JSFiddle

또한 table-layout: fixed; overflow: hidden;을 사용해 보았지만 불행하게도 테이블의 크기를 조정하는 데 도움이되지 않았습니다. 나는 테이블의 폭을 더 짧게하고 싶다.

불행히도 나는 모든 권한/링크 :(의 홍보를 통해 권한이 없으므로 웹 사이트에 대한 액세스를 제공 할 수없는입니다. 나의 사과.

어떤 도움/조언/솔루션을 감상 할 수있다.

Answer 1

구성 요소에 잠깐 모습을 한 데, 다음과 같은 스타일은 기본 설정을 재정 의하여 폼에 100 % 픽셀의 폭을 설정하는 것 같다.

<style> 
.wdform_section { 
    width:100% !important; 
} 

.wdform_column { 
    width:100% !important; 
} 

.wdform-field,.wdform_row { 
    width:100% !important; 
    display:block !important; 
} 
.wdform-element-section { 
    width:80% !important; 
} 

.wdform-label-section { 
    width:20% !important; 
} 

</style> 

를 지금까지 내가 라이트가 추가 양식 메이커를 말할 수있는 양식 요소에 인라인 스타일 적용 당신이 편집 할 수없는 것 같은데, 이것이 당신이 필요로하는 이유입니다.

위의 스타일은 Joomla 2.5 버전에있는 기본 "연락처"양식을 덮어 씁니다. 다른 형태의 다른 코드를 만들어 낼 수도 있습니다.

아직 가지고 있지 않다면 어떤 CSS가 생성되는지보기 위해 방화 광구를 설치하는 것이 좋습니다. 그게 훨씬 더 쉽게 CSS를 무시할 수 있습니다.