[HTML] 쓰기유형 radio, checkbox

ie7, ie8, ie9, ie10, 크롬, 사파리, 오페라, 파이어폭스

radio, checkbox를 fieldset으로 처리한 방법

옵션정보 선택

유형	유형 Classroom Banquet Theater Reception
메뉴선택	메뉴선택 Western Korean Chinese
기타옵션	기타옵션 꽃 장식 꽃 길 와인 영상물 제작

/** table_base_style **/
.tbl_wrap{border-top:1px solid #999; border-bottom:1px solid #999;}
.tbl {width:100%; border:0; border-spacing:0px; border-collapse:collapse;}
.tbl input{border:1px solid #ccc;}
.tbl caption, .tbl legend  {height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; text-indent:-9999px;}
.tbl tr th{border-right:1px solid #e5e5e5; background:#f6f6f6; color:#222; font-weight:bold;}
.tbl tr th, .tbl tr td{text-align:left; border-top:1px solid #e5e5e5;}
.tbl tr th>span, .tbl tr td .td_cont {display:block; padding:11px 18px 12px;}
.tbl tbody tr td .td_cont input[type="radio"]+label, .tbl tbody tr td .td_cont input[type="checkbox"]+label{margin:0 31px 0 5px;}
/* input 2줄 이상일 경우 */
.tbl .inpBlock input{display:block; margin-top:3px;}
.tbl .inpBlock input:first-child{margin-top:0;}
/* form_design */
.tbl .dCheck{color:#fc3b33;}
.tbl .checked{display:inline-block; *display:inline; margin-top:-2px; vertical-align:middle; color:#8a7a6c; line-height:16px; font-size:11px;}
.tbl .checked .dCheck{display:block; font-size:11px; }
.tbl .checked.block{display:block;}
.tbl tbody tr th .es label, .tbl tbody tr th .es span{/*background:url(/front/img/com/bg_dotCircle_90606.png) no-repeat right 60%;*/}
.tbl tbody tr th .es label:after, .tbl tbody tr th .es span:after{content:" *"; color:red;}
.tbl tbody tr th .es strong {display:block; overflow:hidden; height:0; width:0; margin:0; padding:0;}
/* board_view_table(row) */
.tbl_wrap colgroup+tbody tr:first-child th, .tbl_wrap colgroup+tbody tr:first-child td{border-top:none;}

	

		

			
옵션정보 선택
			
				
				
			
			

				

					
유형
					

						

							

								
유형
								 Classroom
								 Banquet
								 Theater
								 Reception
							
						
					
				
				

					
메뉴선택
					

						

							

								
메뉴선택
								 Western
								 Korean
								 Chinese
							
						
					
				
				

					
기타옵션
					

						

							

								
기타옵션
								 꽃 장식
								 꽃 길
								 와인
								 영상물 제작