개인공간

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 ca..

ie7, ie8, ie9, ie10, 크롬, 사파리, 오페라, 파이어폭스 왼쪽+오른쪽 TYPE 필수입력 왼쪽+오른쪽 TYPE 필수입력 위타이틀 + 아래내용 오른쪽,왼쪽 Total : 1 보내는분과 동일 위타이틀 + 아래내용 오른쪽,왼쪽 Total : 1 보내는분과 동일 아래내용과 연결된 타이틀 + 오른쪽 별도 외부로부터 고객님의 정보를 안전하게 보호하기 위해 비밀번호를 다시 한 번 확인합니다. 필수입력정보 아래내용과 연결된 타이틀 + 오른쪽 별도 외부로부터 고객님의 정보를 안전하게 보호하기 위해 비밀번호를 다시 한 번 확인합니다. 필수입력정보 CSS 전체코드 /* title-area */ .tit_area.split{overflow:hidden;} .tit_area.split > .colSec {floa..

작성자정보 상세정보입력 First Name / Middle Name필수입력 이름을 입력해 주십시오. 이메일필수입력 @ 비밀번호 형식이 맞지 않습니다. 비밀번호는 영문/숫자 조합 6~12자 이내로 입력해주세요. 주소 비밀번호는 영문/숫자 조합 6~12자 이내로 입력해주세요. 내용을 입력해 주세요. 첨부파일 첨부파일은 최대 20MB까지 가능 /** 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 ..

ie7, ie8, ie9, ie10, 크롬, 사파리, 오페라, 파이어폭스 .paging .hide {display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;} .paging{padding:19px; text-align:center;} .paging a{display:inline-block; width:23px; height:23px; padding-top:2px; vertical-align:middle;} .paging a:hover{text-decoration:underline;} .paging .btn_arr{text-decoration:none;} .paging .bt..

ie7, ie8, ie9, ie10, 크롬, 사파리, 오페라, 파이어폭스 게시판 목록 번호 제목 등록일자 채용기간 조회수 10 8월 수영장 이용 시간 제한 안내 공지NEW 2012/08/23 2012/08/23~ 2012/08/24 98 8 롯데호텔, 한국 서비스 품질지수 호텔부문 1위NEW 2012/08/23 2012/08/23~ 2012/08/24 98 등록된글이 없습니다. .bbs_list{border-bottom:1px solid #666;} .bbs_list thead tr th{padding:13px 0 15px; border-bottom:1px solid #666; border-top:1px solid #666; font-weight:bold; color:#222;} .bbs_list tbo..

P태그를 사용할경우 : ul>li 구조와 동일하게 가되 p>span 구조로 변경한다..lst_sty>* 기본 "당구장표시" .lst_sty>* 테스트 기본 "빼기표시" .lst_sty.mus>* 테스트 리스트 형태는유지대되 도트나/블릿이 없는경우.lst_sty.no>* 테스트 기본 "네모 도트" .lst_dot>* 테스트 리스트 형태는유지대되 도트나/블릿이 없는경우.lst_dot.no>* 테스트 /*** lst_style BASE COMMON ***/ /* base */ .lst_sty, .lst_dot{overflow:hidden; color:#666; line-height:1.5em;} .lst_sty>*, .lst_dot>*{position:relative; padding-left:1.1em;} ...

1주 1개월 1주 1개월 1개월 1개월 .btn_mult{margin:1.38em 0; -webkit-box-align: center;} .btn_mult span{display:block; cursor:pointer; text-align:center; } .btn_set{display:block; padding:1.19em ;-webkit-box-flex: 1; color:#fff; text-align:center; font-size:0.89em; font-weight:bold;} .btn_set span{padding:0 0.8em;} .btn_set+.btn_set{margin-left:0.42em;} .btn_set:first-child{width:100%} .btn_set:not(:last-ch..

Introduction Our Story Our Brand Introduction Our Story Our Brand .tab{display: -webkit-box;} .tab {margin-bottom:1.71em; -webkit-box-align: center;} .tab > li {-webkit-box-flex: 1; font-size:0.92em; text-align:center; border:1px solid #ccc; border-right:none;} .tab > li:last-child {border-right:1px solid #ccc;} .tab > li.on {font-weight:bold; background:#8a7a6c; border:1px solid #8a7a6c; color:..

유동적인 step 디자인 STEP 1 STEP 2 STEP 3 STEP 4 STEP 5 STEP 1 STEP 2 STEP 3 STEP 1 STEP 2 STEP 3 .select_choice.inset{background-color:#ccc; box-shadow:inset 0 0.1em 0.3em rgba(0,0,0,0.3)} .step_bar{position:relative;} .step_bar ul{ display: -webkit-box; -webkit-box-align: center; -webkit-box-pack:justify;} .step_bar:before {width:100%; height:1px; position: absolute; top: 11px; display:block; content..

display:table, table-cell -webkit-box를 이용하여 구조 만들기 기본적으로 %별로 만들고 분할하여 사용하는 방식 기본 splitCell, splitBox를 이용해서 나누는경우(10등분기준) First Name* Middle Name First Name* Middle Name First Name* Middle Name txt 흰색배경에 텍스트가 들어갈경우 Privilege Card No. Privilege Points point Privilege Card No. Privilege Points point mix일경우(form + text가 들어갈경우) - 유동적임 HOUR : MINUTE ~ ~ 주소 검색하기 주소 검색하기 CSS 전체코드 /** FORMTYPE SPLIT **/ ..