라디오 버튼 정렬 문제 채택완료
삑사리맨
8년 전
조회 2,242
그림과 같이 1번과 2번의 높이가 안맞는 문제가 생기네요.
파일 찾아보기를 없애면, 라디오 버튼의 높이 수평이 맞게 되는데,
파일 찾아보기를 추가하면 저렇게 됩니다.
밑에는 파일첨부 하는 부분 코드입니다.
</p>
<p><span class="func"> <input type="file" class="fb w50" placeholder="" name="a_file" /> <span class="gf">테스트 </span></span></p>
<p>
관련 css 를 이것저것 수정해봤는데 잘 안되서 여쭤봅니다
어떤 것을 수정해야, 어긋나게 나오지 않을까요?
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
답변에 대한 댓글 3개
�
삑사리맨
8년 전
�
평정심
8년 전
네, 그렇지만 label태그 속성에는 for가 필요하고 for값으로는 대상 id가 필요합니다. 예를 들어 삑사리님의 소스에서 <label for="type2"><input name="type2" id="type2" type="radio....등등 이런 식으로 되어야 합니다. 다시 시도해 보시죠. 제 경우는 IE10,크롬최신판에서 잘 되는데요.
�
삑사리맨
8년 전
네넵, 알려주신대로 해보고 오겠습니다 :) 감사합니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
[code]
<div class="radio5">
<label class="radio_cus">
<input name="type2" id="type2" type="radio" value="1" class="m1"> 1번
</label>
<label class="radio_cus">
<input name="type2" id="type2" type="radio" value="2" class="m1"> 2번
<span class="func"> <input type="file" id="a_file" placeholder="" name="a_file" /></span>
</label>
</div>
[/code]