'HTML'에 해당되는 글 4건
- 2010.02.17 한글깨짐
- 2009.01.15 Div overflow
- 2008.09.18 body onload 안될때
- 2008.09.17 span태그 image넣고 창크기 변경에 따라 조절 줄바꿈
<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>
간단한거 가지고 삽질을 했는데 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>