'HTML'에 해당되는 글 4건

  1. 2010.02.17 한글깨짐
  2. 2009.01.15 Div overflow
  3. 2008.09.18 body onload 안될때
  4. 2008.09.17 span태그 image넣고 창크기 변경에 따라 조절 줄바꿈
posted by 준치 2010. 2. 17. 16:57
c# 을 사용하는데 인코딩을하고 별 짓을 다해도 저장된 내용을

select 하면 한글이 깨져있다. 이건 뭥미~~

삽질하다가 생각났다.

Visual studio 에서 파일 - 저장고급옵션 을 선택하여

유니코드 UTF-8 65001 로 저장하면  제대로 된다.

이렇게 안하고 그냥  notepad에다가 넣어서 저장을 할때 속성을 변경해주고

다시 열면 적용이 된다.

ㅎㅎㅎ 삽질...
posted by 준치 2009. 1. 15. 13:20
자동으로 스크롤 생기게 하는거....
 

<table id='feeContainer'  class='cm_Ditem' width="100%" border="1" cellspacing="0" cellpadding="0">

<col style='width:20%' class='cm_Ditem'/>

<col style='width:80%' class='cm_data'/>

<tr class='cm_Ditem'>

<td class="AsearchPopSS">itemId</td>

<td>

<div id="fee" style="overflow:auto;width:100%;height:80px">

<s:iterator value="saleModel.items"><div><s:property value="item_id" /></div></s:iterator>

</div>

</td>

</tr>

 

</table>

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>