스킬(skills)/HTML 20

HTML5 video 태그 ie9 이하 버전에서도 사용하는 방법

요점만 간단하게 설명하자면swf 파일로 변환한 영상이 있어야 한다. video 태그로 원래 플레이 하려던 영상을 재생하고 만약 인터넷 익스플로러(ie) 9 버전 이하일 경우 HTML5 를 지원하지 않는 관계로다음과 같이 video 태그안에 swf 파일을 재생 시키는 태그를 추가해야 한다.(FLV 파일은 재생 안됨!!!!!!)다만 단점은 swf 파일을 재생시키는 경우 재생바 컨트롤이 안되는 점은 감안해야 한다. video 태그 안에 embed 태그를 써도 되기는 하나 웹 표준이 아니다. 웹 표준은 object 태그를 사용하는것이다.또한 width, height 값을 지정해 주어야 한다.

스킬(skills)/HTML 2017.07.25

table tr 에 display:none 혹은 display:none 적용시 문제점

제목내용제목2내용2 위와 같은 코드처럼 tr에 display:none 혹은 display:block 적용 시 제대로 표시가 안되는 문제가 발생한다. 버전이 낮은 ie 에서는 잘 적용이 되는데 표준 계열의 크롬이나 ie11 등에서는 display:block 시에 이상하게 표시가 된다. 이는 표준 계열에서는 display:block이 아니고 display:table-row 를 사용하기 때문인데 이를 표준 계열의 브라우져와 병행하여 처리하기가 많이 까다롭다 해결방법은 간단하다. display:block 이 아니라 그냥 display: 만 적으면 된다. block 을 아예 안쓰면 된다. 끝! ※ show(), hide() 함수 이용을 더 권장한다.

스킬(skills)/HTML 2017.01.18

테이블 넓이가 퍼센트로 지정되어져 있는데 pre 태그를 써야 할 경우

제목 그대로 테이블의 넓이가(width) 퍼센트로 지정 되어져 있는 경운데 td 안에 pre 태그를 써야 할 경우가 있다. 이럴 때 만약 pre 태그안에 내용이 무지 길다면 예)내용........................ 테이블이 가로로 쫙! 늘어나는 경우가 생긴다.이럴 경우를 방지 하고자 할때 pre 태그에 다음과 같이 스타일을 주면 된다. 내용

스킬(skills)/HTML 2015.12.22

input file 타입 찾아보기 버튼 image 로 변경 시키기

[그림 1] 의 경우 일반적으로 [그림 1] 과 같이 찾아보기 버튼이 고정 되어 표시된다. 이는 브라우져 별로 고유 표시되는 형식이며 정상적으로 변경할 수 있는 방법이 없다. 하지만 약간의 트릭을 이용하여 저 찾아보기 버튼을 이미지로 변경 시킬 수 있다. .file_input_textbox { float:left; height:29px; } .file_input_div { position:relative; width:80px; height:36px; overflow:hidden; } .file_input_img_btn { padding:0 0 0 5px; } .file_input_hidden { font-size:29px; position:absolute; right:0px; top:0px; opacit..

스킬(skills)/HTML 2015.03.12