프로그램/HTML_CSS15 [CSS] 페이지 디자인을 브라우저 화면 중간에 위치 시키기 #content { width: 700px; position: relative; left: 50%; margin-left: -360px; } content 의 좌측 끝을 페이지 중간에 놓기 위해서는 left:50% 을 한 후에, 좌측 마진에 마이너스 값 (margin-left:-350px;)을 줌으로써 가능하다. 2014. 2. 25. [CSS] 웹페이지 인쇄시 페이지 분리하기 page-break-before 은 웹페이지 인쇄시에 페이지 분리를 하기 위해 사용하는 Style속성이다. 적용가능 태그 : , , , , … 값 : auto(기본값), always, avoid, left, right, inherit auto – 자동으로 계산 always – 앞으로 항상 분리 avoid – 앞에서 절대 분리 불가 left – 앞에서 분리된 페이지가 왼쪽 면에 위치하도록 지정 right – 앞에서 분리된 페이지가 오른쪽 면에 위치하도록 지정 inherit – 부모 요소의 값을 상속하도록 지정 Example 첫장 두번째장 .. 2014. 2. 24. [CSS] 스크롤과 상관없이 브라우저 특정위치에 레이어 고정하기 사이트 상에서 배너나 레이아웃을 고정시키고자 할 때, 사용하면 좋다. #quickLink { position:fixed; _position:absolute; left:800px; top:200px; width:100px; height:300px; background:#CCC;} 배너 또는 퀵링크 위치 * IE 6.X 이하에서는 동작하지 않음 2014. 2. 23. [CSS] INPUT 객체에 기본언어 설정 ime-mode 에 “auto”, “active”, “inactive”, “disabled” 를 설정함으로써 기본언어를 선택할 수 있다. auto: 기본 active: 한글 inactive: 영어 disabled: 영어만 2014. 2. 22. [CSS] text박스 높이조정, img 와 텍스트 높이 조정, 말줄임표 사용 1. input type=text 의 높이 1) height 사용 : height = 25 2) padding 사용 : padding:5px 3) height 와 line-height 동시 사용 : height 에 준 값 만큼 line-height 에 지정 2. img 와 텍스트 높이 맞추기 vertical-align:top, vertical-align:middle, vertical-align:bottom 을 사용한다. * align=”abamiddle” 은 비표준이므로 사용하지 말것 2014. 2. 21. [HTML] 태그의 accept-charset 속성 입력받은 데이터를 서버에서 처리할 수 있는 문자셋으로 변환해서 전송하게 된다. 현재 페이지의 문자셋과 관계없이 전송시에 accept-charset 에 지정된 문자셋으로 변환해서 전송하게 된다. 2014. 1. 24. [CSS] HTML Document 로딩시 가로세로 스크롤바를 강제로 나오지 않게 하기 브라우저의 가로,세로 스크롤바가 나오거나 나오지 않도록 제어하는 방법은 다음과 같다. Example //가로 스크롤바 안나오게하기 //세로 스크롤바 안나오게하기 2014. 1. 10. 이전 1 2 3 다음