목록밥줄/HTML_CSS (9)
울어라휘파람새야
검색해보니 onMouseOver=""... 이런 게 있었는데 막상 해보니 안 되더라. (뭘 잘못했을 수도 있지만...) 가장 좋은 방법은 area없는 경우 태그를 다는 것이고. area 영역이라면 아래와 같이... href="#"으로 잡아주고 id를 통한 접근 혹은 onClick을 통한 실행을 시키면 된다. (단점: URL에 #이 계속 붙는다.) * 참조: cursor="hand" 는 비표준이고, cursor="pointer" 가 표준이라고 한다.
모바일웹사이트를 공부하는 중, 다른 사이트 내부에 폰트가 em으로 되어 있는걸 봤다. em? 이건 뭐가 해서 찾다보니 px처럼 사용하지만 유동성 부분 때문에 em이 표준화 된다고 하는 글이 있었다. 뭐 구체적인건 웹서핑으로도 알 수 있으니... 표 출처 REEDdesign 링크 이미지 출처
DIV 레이어 팝업창을 랜덤한 위치에 띄우는 작업을 하고 있었다. 그런데 몇몇 페이지에서 플래시 뒤로 위치가 잡히는 경우 플래시 아래로 가려져서 레이어팝업창 클릭이 안 되는 문제가 발생했다. 검색을 통해 방법을 알아보니 플래시 Object에 아래의 내용을 추가한다. 또한 embed 에도 를 꼭 추가한다. (둘 중 하나만 빠져도 바뀌는 게 없었음.)
기본적으로 IE8에서는 로컬 파일을 참조 할 때, 해당 파일의 물리적 경로와는 상관없이 "C:\fakepath\파일명" 이런 식으로 참조한다. 물론 FileUpload에서는 실제 파일을 내부적으로(?) 참조하기 때문에 문제는 없다. 그런데 해당 파일의 경로를 참조해 실행되는 모든 자바스크립트는 작동하지 않는다. "INVALID_ACCESS_ERR" 라는 오류를 리턴하는데, 실제 "C:\fakepath\파일명" 이런 파일은 없기 때문이다. 이렇게 변경된 이유는 "파일의 경로에 사용자의 이름이나 profile 등의 정보가 포함되어 있을수 있어 보안상의 문제" 때문이라고 한다. 이유는 그럴듯 하긴 한데, 실제 우리가 자주 사용하는 웹애플리케이션에서는 무조건 에러만 발생하고 있으니..ㅡㅡ; 이 문제를 해결하려면..
onkeydown="event.returnValue=false; 추가하기 ------------------------------------------------------ 1. 비활성화 시키기 form.name.disabled = true; 2. 읽게만 하기 form.name.readOnly = true; 중요한건 readOnly 에서 'O' 가 대문자 여야 한다! * 20110721 추가
HTML 태그 JavaScript 이벤트 설명 다양 mouseMove 마우스 이동 .. Click 마우스로 링크를 클릭 dbClick 마우스를 링크위에서 더블클릭 mouseDown 마우스 버튼을 누름 mouseUp 마우스 버튼을 놓음 mouseOver 마우스를 링크위로 이동 mouseOut 링크 위에 있던 마우스를 링크 밖으로 이동 keyDown 사용자가 키를 누름 keyUp 사용자가 키를 놓음 keyPress 사용자가 키를 눌렀다가 놓음 abort 사용자 액션으로 인해 이미지 로딩 작업을 중단함 error 이미지 로딩하는 동안 에러 발생 load 이미지가 로드되고 화면에 나타남 keyDown 사용자가 키를 누름 keyUp 사용자가 키를 놓음 keyPress 사용자가 키를 눌렀다가 놓음 mouseOver..
HTML 특수문자코드표 표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음 space - 수평탭 space - 줄 삽입 - - - 사용하지 않음 space - 여백 ! ! - 느낌표 " " " 따옴표 # # - 숫자기호 $ $ - 달러 % % - 백분율 기호 & & & Ampersand ' ' - 작은 따옴표 ( ( - 왼쪽 괄호 ) ) - 오른쪽 괄호 * * - 아스트릭 + + - 더하기 기호 , , - 쉼표 - - - Hyphen . . - 마침표 / / - Solidus (slash) 0 - 9 0-9 - 0부터 9까지 : : - 콜론 ; ; - 세미콜론 > > 보다 큰 ? ? - 물음표 @ @ - Commercial at A - Z A-Z - A부터..
Div 와 Span 시작하기 전에.. 'Div와 Span 태그'란? * 공간을 지정하고 style을 적용하는 태그로서 공간을 지정하는 것에 대해서는 fieldset도 마찬가지이기에 함께 다루도록 하겠다. * div와 span의 경우 공간을 지정하는 것에서는 거의 같은 역할을 하지만 실상 미세한 부분에서 차이가 있다. 그 차이점을 알아보고, div와 span 그리고 fieldset을 공간을 담는 상자로 이해하고 시작하는 것이 빠르다. * 공간에 관한 태그로서 대표적으로 table 태그가 있다. table은 하나의 공간을 로 나누고 이 를 묶어 놓은 집합체이다. 반면 div, span, fieldset은 그 각각이 하나의 공간을 이룬다. * 또한 table의 경우 td의 크기를 먼저 계산한 후 table을 ..