2011-05-06 5 views
2

필드 세트 및 범례 태그를 사용해도 양식 주위에 테두리를 표시하는 것을 단순히 거부하는 간단한 CodeIgniter보기가 있습니다.양식의 범례 주위에 테두리가 표시되지 않습니다.

나는 CSS가이 부분을 무시한다고 생각하지 않지만이 시점에서 나는이 문이 사실이라면 여러 파일을 분할하는 꽤 큰 CSS를 검사하는 방법조차 모른다.

다음은 간단한 HTML입니다. 도움!

<fieldset> 
<legend>Log In</legend> 
<?php 

echo form_open('form/login'); 
echo form_input('email', set_value('email', 'Email')); 
echo form_password('password', set_value('password', 'Password')); 
echo form_submit('submit', 'Log In'); 
echo form_close(); 

?> 
</fieldset> 
+1

스택 오버플로에 오신 것을 환영합니다. 첫 번째 질문으로 잘 형식화 된 게시물을 제출할 때 최고 5 점을주고 싶습니다. :) (희귀 함이 얼마나 드문 일인지) – Aren

답변

1

문제는 HTML이 유효하지 입니다. Firebug Extension for Firefox

Google Chrome을 사용하거나 당신이 할 수있는 :

<fieldset> 태그 내부에서와이 당신(내가 것 상상하는)을 위해 그것을 해결되지 않는 경우 <form>

<?=form_open('form/login');?> 
<fieldset> 
    <legend>Log In</legend> 
    <? 
    echo form_input('email', set_value('email', 'Email')); 
    echo form_password('password', set_value('password', 'Password')); 
    echo form_submit('submit', 'Log In'); 
    ?> 
</fieldset> 
<?=form_close();?> 

이동 페이지에서 요소를 검사하려면 마우스 오른쪽 버튼을 클릭하고을 클릭하십시오.. 이렇게하면 돔 탐색기로 이동하게되며, 객체에 적용된 모든 CSS Syles와 그 출처를 볼 수 있습니다. 이렇게하면 기본 비주얼을 무시할 수있는 CSS 스타일을 좁히는 데 도움이됩니다. (그런 충돌의 존재를 확인/거부하십시오.)

+0

감사합니다. 필드 세트를 폼 내부에 두지는 않았지만 Firebug를 사용하여 필드 세트 경계가 제로화 된 템플릿의 reset.css 파일에서 범인을 추적 할 수있었습니다. reset.css에서 fieldset에 대한 참조를 삭제했으며 테두리가 표시됩니다. – zee

1

리셋에서 삭제하는 대신 재설정을 먼저로드 한 다음 주문한 CSS에서 재정의해야합니다. 재설정으로 어지럽히기 시작하면 나중에 문제가 발생할 수 있습니다.

관련 문제