posted by 준치 2012. 6. 4. 18:13

오늘은 정말 간만에 html 관련해서 써본다..ㅋㅋ

이미지를 넣고 클릭하면 뭔가 다운받게 하려고 작업을 했다.. 그런데..그런데..

A 태그를 사용하니까 이미지에 파란색 테두리가... 클릭하니까 보라색으로 변하면서.. 짱나게한다...

참 표현하는게 IT 스럽지 못하지만.. 잘 알아들으면 되겠지.. 부끄럽네..ㅋㅋ

그래서 테두리를 없애려고 검색 고고씽..ㅋㅋㅋ

소스는 다음과 같다.

<a href="다운받을 파일 URL" >

<img src="이미지 URL" style="border:none;" />

</a>

해결방법은 바로 이것이다!!!!  style="border:none;"

오늘도 화이팅!!!

posted by 준치 2012. 2. 1. 20:26

아~ 제목을 정하기 어렵다. 드디어 처음으로 디자인에 관련해서 글을 작성한다.

어떤 디자이너에게 HTML을 받고 작업을하는데 작성화면과 보기화면이 너무 틀리게
틀어져 버린다!

이유는 컨트롤들 자체가 이미 객체화 되어있어서 그런데.. 흠... 암튼...

쓰고 싶었던거는 간단하다.

컨트롤 앞에 제목?! 또는 명칭을 쓰는데 이게 사이즈가 안맞아서 줄어들거나 너무 커진다.

그래서 임대리님이 알려주신!! 좋은 방법

<table style="word-break:break-all; /> 또는 nowrap 

이 두개 차이점은 솔직히 모르나 두개를 사용하니 글자 수 만큼 사이즈를 잡는다.

디자인도 공부를 해야겠당!!

오늘도 화이팅!!!!!!!!
 
posted by 준치 2008. 9. 18. 21:56

간단한거 가지고 삽질을 했는데 body에서 load시에 스크립트를 호출하려 했으나 안됐다
그래서 밑에 소스를 넣으니까 실행이 됐다. 

여기서 startscroll 이게 함수명이다.

<script type="text/javascript">
window.attchEvent("onload",startscroll);
</script>

posted by 준치 2008. 9. 17. 13:14

아래 소스는 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>