Media Log

input type=file 값 reset 하기

2009. 6. 12. 19:49 | ### 프로그래밍/Javascript/Css/Html

input type=file의 값을 없에려고 value="" 이렇게 해봐야 소용없다. 안된다.

document.getElementById("file").select();
document.selection.clear();

이렇게 해야 없어진다.
/

img 없을대 대체 이미지 지정하기

2008. 9. 16. 13:43 | ### 프로그래밍/Javascript/Css/Html
<IMG src="이미지 URL" onerror="javascript:this.src='정의해놓은URL'">
이미지가 없을때 대체 이미지로 이러게 사용하면 엄청 편리하다.
/

이미지버튼 텍스트와 줄맞추기

2008. 4. 23. 15:07 | ### 프로그래밍/Javascript/Css/Html
이미지버튼 텍스트와 줄맞추기
이미지 버튼을 그냥 텍스트와 같은 줄에 사용하면 이미지가 위로 올라가던지 밑으로  내려가던지 줄맞추기가 쉽지않다.

이럴때 스타일 속성중에 vertical-align:text-bottom요걸 사용하면 된다.
/

웹페이지 이동 부드럽게 ( 플래쉬 같은 효과 )

2008. 4. 21. 09:41 | ### 프로그래밍/Javascript/Css/Html
웹페이지 이동 부드럽게 ( 플래쉬 같은 효과 )

<meta http-equiv="page-enter" content="blendtrans(duration=0.2)" charset=euc-kr">
<meta http-equiv="page-exit" content="blendtrans(duration=0.2)" charset=euc-kr">

페이지 로딩시 페이지 이동시 효과를 줄 수있다.
/

테이블 넓이 고정 할때 사용하는 스타일(table-layout:fixed)

2008. 4. 13. 02:02 | ### 프로그래밍/Javascript/Css/Html

style="table-layout:fixed"

<table style="table-layout:fixed;  border:solid 1px Gray" >
 <tr><td style="width:100px; height:40px" >동해물과 백두산이 마르고 닳도록 하느님이 보우사하사</tr></td>
</table>

table-layout:fixed 를 사용할경우
 - 테이블의 td부분의 크기를 fix시켰기때문에 td크기를 계산하지 않고 불러온다.
 - cell의 내용물이 넘쳐도 cell의 크기게 영향을 끼치지 않는다

/

티스토리툴바