오늘은 정말 간만에 html 관련해서 써본다..ㅋㅋ
이미지를 넣고 클릭하면 뭔가 다운받게 하려고 작업을 했다.. 그런데..그런데..
A 태그를 사용하니까 이미지에 파란색 테두리가... 클릭하니까 보라색으로 변하면서.. 짱나게한다...
참 표현하는게 IT 스럽지 못하지만.. 잘 알아들으면 되겠지.. 부끄럽네..ㅋㅋ
그래서 테두리를 없애려고 검색 고고씽..ㅋㅋㅋ
소스는 다음과 같다.
<a href="다운받을 파일 URL" >
<img src="이미지 URL" style="border:none;" />
</a>
해결방법은 바로 이것이다!!!! style="border:none;"
오늘도 화이팅!!!
간단한거 가지고 삽질을 했는데 body에서 load시에 스크립트를 호출하려 했으나 안됐다
그래서 밑에 소스를 넣으니까 실행이 됐다.
여기서 startscroll 이게 함수명이다.
<script type="text/javascript">
window.attchEvent("onload",startscroll);
</script>
아래 소스는 span태그 앞에 css를 이용하여 원하는 이미지를 앞에 위치하고
창크기를 조절할시에 밑으로 줄바꿈이 되는데
그것은 white-space:nowrap을 이용하여 한 문장을 선택했을때 줄바꿈이 되게 만든다..
문제가 있었는데 중간에 선택해야 밑에 떨어졌을때 이미지가 보였다.
그래서 span태그에 사이즈를 지정해서 문제가 해결됐다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<STYLE TYPE="text/css">
#boolet_tbl span {
background: url(bl_div.gif) no-repeat 0 0.25em;padding-left: 13px;white-space:nowrap;
}
</STYLE>
</HEAD> <BODY>
<table style="width:100%;" border="1px" id="boolet_tbl">
<tr><td>
<span style="width:10%;">인사과(10)</span>
<span style="width:10%;">인사과(10)</span>
<span style="width:10%;">인사과(10)</span>
<span style="width:10%;">인사과(10)</span>
<span style="width:10%;">인사과(10)</span>
</td></tr>
</table>
</BODY>
</HTML>