香港居民 361

멀티 문자열에서 빈 줄 없애기

/* 서과장이 준거*/ var a = $('#aa').text(); if(a.indexOf("\n")){ var ok = a.split("\r") } alert(ok[1]) /*실제 사용*/ trace(char.indexOf("\r")); 빈 줄의 경우 \n 이 아닌 \r 로 잡아졌음. 브라우저를 타는지 OS 별로 다른지는 아직 확인 안됨. \n : 줄바꿈 \r : 캐리지 리턴 ( 줄의 맨 처음으로) 하지만 액션 3.0에서 indexOf("\n") 의 값은 여전히 잡아 내지 못해서 -1 을 반환했음 indexOf("\r") 값이 첫 빈줄을 잡아냈음. 결국 플래시 내부에선 charCode 값으로 빈줄 체크해서 해결하긴 했지만 이부분에 대해 자바스크립에서의 접근법도 필요함.

코드/JS 2011.11.24

Beta, RC, RTM 버전 정의

출처 : http://www.playwares.com/xe/?document_srl=5787193 Microsoft뿐만 아니라, 다양한 소프트웨어, 하드웨어 개발사들이 자사의 제품을 개발해가면서, 고객이나 시장에 공개적으로 테스트 판을 배포하는 경우가 많습니다. Windows 7, Windows Vista, Windows Server 2008 R2, Windows Server 2008.. 아주 오래된 Windows 95까지 Microsoft는 운영 체제와 더불어, 거의 모든 제품군을 개발 주기에 맞춰, 공개하고 있습니다. 블로고스피어에 많이 언급되고 있는 단어들에 대해서 간단히 정의해드려야 할 것 같아, 이렇게 포스팅을 합니다. Windows 7 Beta가 1월에 출시되었고, Windows 7 RC가 5..

배경이미지의 위치 지정

Keyword 두 개로 이루어진 키워드를 사용할 수 있다. 하나는 세가지 가로위치 ( left, center, right ) 를 조정하고, 다른 하나는 세가지 세로 위치 ( top, center, right ) 를 조정하는 것이다. 이미지를 페이지의 정 중앙에 위치시키고자 한다면 다음과 같이 작성하면된다 body { background-image : url (bg_page.jpg); background-repeat : no-repeat; background-position : center center; } 그 이미지를 오른쪽 상단 귀퉁이로 옮기려면, background-position 을 다음과 같이 바꾸어 주면 된다 background-position : right top ; Note : 만약 back..

코드/Html & CSS 2011.10.11

IE 5에서 깨지는 박스 모델 바로잡기

IE 5 에서 깨지는 박스 모델 바로잡기 조금 나쁜 소식이 있다. 5.5이하 버전의 인터넷 익스플로러는 폭과 높이 계산이 정확하지 않다. 다른 브라우저 들과 달리 익스플로러는 엘리먼트가 차지하는 실제영역을 margin, border, padding, width 의 합산값으로 할당하지 않는다. IE 5.5 이하 버전의 인터넷 익스플로러나 관용모드의 IE 6 에서는 margin 과 width 만이 계산된다. 이 들 브라우저에서는 padding 과 border 가 width 프로퍼티 값에 포함되므로 내용 영역이 다른 브라우저에 비해 줄어든다 만약 박스 넓이를 160px 로 잡는다고 가정하면 최근의 브라우저들은 10+10( 좌우 margin) + 100 ( width ) 로 총 120px 이 되어야한다. 그러나..

코드/Html & CSS 2011.09.21

높이와 폭 정하기

Main CSS 박스 모델의 일부를 구성하는 다른 두개의 CSS 프로퍼티 width, height 는 테이블, 단, 배너, 사이드 바 등과 같은 대상의 치수를 지정하는데 유용하게 사용된다. height 및 width 프로퍼티를 이용하여 스타일의 내용 영역의 높이과 너비를 지정한다. 이 프로퍼티는 이 후에 설명할 CSS 레이아웃 같은 것을 제작할 경우 주로 사용하지만, 테이블의 너비 지정이나 간단한 사이드바 제작, 혹은 썸네일 갤러리 제작 등과 같은 보다 기본적인 디자인 작업에도 유용하게 사용된다 스타일에 이 프로퍼티를 추가하는 것은 매우 간단하다. 이미 해봤던 대로 그저 프로퍼티 다음에 css 단위 체계대로 넣어주면 된다 , 예를 들면 width :300px; width : 30%; height : 20..

코드/Html & CSS 2011.09.18

인라인 및 블럭 - 계층 박스 표시하기

인라인 및 블럭 - 계층 박스 표시하기 웹브라우저가 모든 태그를 일종의 박스처럼 취급하기는 하지만, 모든 박스가 같은 것은 아니다. CSS 에는 두 종류의 태그(인라인 및 블럭)에 해당하는 두가지 다른 종류의 박스가 존재하는데, 블럭 박스와 인라인 박스가 그것이다. 블록-계층태그는 그 앞 뒤에 틈을 만든다. 예를 들면 태그는 위 아래 태그로 부터 분리된 블록을 생성한다. 제목, 태그, 테이블, 목록은 블럭-계층 태그의 서로 다른 예다 인라인 태그는 그러한 태그들의 앞이나 뒤에 블럭을 생성하지 않는다. 인라인 태그는 내용, 그리고 그옆 태그들과 같은 줄에 위치한다. 태그는 인라인태그다. 이 태그로 형식 정의된 단어는 다른 텍스트 옆에 적당히 놓인다. 같은 또 다른 인라인 태그에 감싸인 텍스트 옆에도 놓일수..

코드/Html & CSS 2011.09.08

음수 Margin 을 이용하여 간격없애기

음수 Margin 을 이용하여 간격 없애기 CSS 에서 대부분의 치수는 양수 값이어야한다. 결과적으로 -20px 크기의 텍스트라는게 어떻게 보이겠는가? 그리고 Padding 값도 양수 값이 되어야 한다. 그러나 여러가지 창의적인 기법을 위해 음수 Margin 을 사용하는 것은 허용된다. 그러므로 텍스트 단락을 제목에 겹치게 할수 있고, 그것을 포함하고 있는 엘리먼트(사이드 바 또는 다른 레이아웃 )로 밀어낼수있으며, 혹은 브라우저 창의 가장자리를 벗어나서 안보이게 할수도 있다. 게다가 음수 margin 을 유용하게 이용할 수도 있다. 두 제목 사이의 margin 을 0으로 지정하더라도, 제목 텍스트 사이에는 약간의 공간이 있다. 너무 몰려있거나 붙어있는 문장을 읽기는 어렵기 때문에, 일반적으로 이것은 장..

코드/Html & CSS 2011.09.07

여러 Margin 사이의 충돌

여러 Margin 사이의 충돌 CSS에서는 2더하기 2가 반드시 4가 되지는 않는다. 하나의 엘리먼트의 아래 여백이 다른 엘리먼트의 위 여백에 맞 닿을 경우, 좀 기괴한 계산에 직면할 수 있다. 두 여백을 합산하는 것이 아니라, 웹브라우저는 두 여백 중에서 더 큰 것을 적용한다. 비순차목록의 아래여백이 30px 로 지정되고, 목록 다음에 오는 단락의 위 여백이 20px 로 지정된 것으로 가정하자. 목록과 단락 사이에는 두 값을 더해서 50px 의 공간이 생기는 것이 아니라, 웹브라우저는 가장 큰 margin 값을 사용하므로 이경우에는 30px의 공간이 생긴다. 이렇게 되는 것이 싫다면, top 이나 bottom 둘중하나를 padding 으로 대체한다. 하나의 엘리먼트가 다른 엘리먼트 안에 있을 경우 훨씬..

코드/Html & CSS 2011.09.07

Margin 및 Padding 의 간략한 표기

Margin 및 Padding 의 간략한 표기 네 방향 모두에 대해 스타일의 margin 이나 padding을 지정해 주어야 할 경우가 자주 있다. 그러나 각각의 스타일마다 네개의 프로퍼티(margin-right, margin-left, margin-top, margin-bottom)를 일일히 입력하는 것은 지겨운 일이다. 하지만 속기형 프로퍼티인 margin 과 padding 을 사용하여 네가지 각 프로퍼티들은 빠르게 지정해줄수 있다 margin:0 10px 10px 20px; padding:10px 5px 5px 10px; Tip : 만약 CSS 에서 사용되는 값이 0이라면, 측정 단위를 붙이지 않아도 된다. 예를 들어 margin:0px;대신 margin:0 이라고만 입력해도된다 값을 지정하는데 있..

코드/Html & CSS 2011.09.07