<link rel="stylesheet" href="<?=$skin_path?>/style.css">
<style>
div.kboardoutline {
padding-top: 15px;
font-size: 13px;
}
ul.test1 {
background:url(http://psb101603.cafe24.com/wp/wp-content/plugins/kboard/skin/avatar/images/제목없음2.png) no-repeat;
width:60px;
height:20px;
font:bold 12px tahoma;
border:0px solid #eee;
float: right;
top: 20pt;
right: 20px;
margin: 0px;
}
ul.test1:hover {
background-position: 0-20px;
float: right;
height: 20px;
width: 60px;}
table.table1 {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin: 0px;
padding: 0px;
}
td.kboard-latest-title, td.kboard-latest-date {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 2px;
border-left-width: 0px;
padding: 1px;
text-align: left;
border-bottom-style: dotted;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
tr.kboard-latest-tr {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin: 0px;
padding: 0px;
}
.kboardoutline a {
text-align: right;
}
.kboardoutline .table1 tbody .kboard-latest-tr .kboard-latest-title .cut_strings div .icon-caret-right a li {
text-align: left;
font-size: 12px;
}
.kboardoutline .table1 tbody .kboard-latest-tr .kboard-latest-title .cut_strings div .icon-caret-right a span {
font-size: 12px;
}
</style>
<div class="kboardoutline">
<table class="table1">
<tbody>
<?php while($content = $list->hasNext()):?>
<tr class="kboard-latest-tr">
<td class="kboard-latest-title"><div class="cut_strings">
<div style="width:150px; text-overflow:ellipsis; align="left"><i class="icon-caret-right"><a href="<?=$url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">
<li><?=$content->title?></li>
</a></i></div>
</div></td>
<td class="kboard-latest-date"><?=date("Y.m.d", strtotime($content->date))?></td>
</tr>
<?php endwhile;?>
</tbody>
</table>
</div>
제가 이렇게 테마를 수정 해봣는데./.
문제는 익스플로러에서 게시판에서 일정 글씨 이상의 글을 쓰면 그게 가나다라 마바사 ..... 이렇게 되지 않고 가나다라마바사아자차카타파하 이렇게 글자가 전부 나타나버립니다,.. 어떻게 하면 좋을까요 ??
주소는 : psb101603.cafe24.com/wp 입니다
KBoard는
.cut_strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
이 속성을 사용하고 있습니다. 물론 적용되는 레이어에 width 값은 꼭 설정해야 합니다.
width값에 px값을 적용해서 해보시겠어요?
태그를 보니 li를 사용하셨는데요 li 태그는 ul ol 태그 안에 들어가야 합니다.
그것 보다는 제대로 style 속성이 들어가지 않은듯 하네요. li에 style 속성을 넣어보세요.
가능하시면 'HTML/CSS Q/A 스레드'로 이동해주시겠어요? ㅎㅎ
넵 !
감사합니다
정말정말정말정말감사합니다,,