검색도 해보고 해서 082 님의 글도 읽어보고
여러가지 방법도 해보았지만 잘 안되더라구요

그런데 우연히 검색하다 보니까 CSS로 바꾸수 있다네요
그래서 css로 하면 선택적으로 원하는 부분만 바꿀수 있어서
다른 플러그인이나 스킨이랑 충돌 안하는 장점이 있을거 같아
이방법으로 하기로 했었습니다

http://angeleyes.tistory.com/247 여기서 본건데요

1 .ellipsis{
2 white-space:nowrap;
3 text-overflow:ellipsis; /* IE, Safari */
4 -o-text-overflow:ellipsis; /* Opera under 10.7 */
5 overflow:hidden; /* “overflow” value must be different from “visible” */
6 -moz-binding: url(‘ellipsis.xml#ellipsis’);
7 }

이렇게 선언한 다음에 div 태그에다가

<div class=”ellipsis” style=”width:210px; border:solid 1px black;” …

이런식으로 적용하는걸로 알고 있는데

글자 줄어드는건 확인 했는데 div 태그의 style 구문이 안먹히는듯 해서요

사이드 위젯이 210px 정도 되는데 180px 으로 해서 해도 안바뀌고

그냥 위젯 끄트머리에서 짤리기만 하네요

그리고 이 태그가 완벽한 웹표준 태그가 아니라네요 그래서 파이어폭스로 볼땐

약간의 호환성 문제가 생기는데

a{display:block;overflow:hidden;width:145px;height:14px;text-overflow:ellipsis;-o-text-overflow:ellipsis}
a,x:-moz-any-link,x:default{white-space:normal;word-wrap:break-word} /* Firefox 에서 줄 바꿈이 가능하도록 변경 */
*+html a{white-space:nowrap} /* 위 행이 IE7에도 적용되므로 IE7에만 줄 바꿈이 불가능하도록 다시 복원 */

이태그를 집어 넣으라 하던데 어느부분에 어떻게 넣어야 하나요

——————————————————————-
참고로 제 사이드바 css 선언된건

.dbx-box {
margin:0;
padding:0;
border:none;
clear: both;
}

요거구요

사이드바.php 에 써있는 태그는

<!–sidebox start –>

<div id=”archives” class=”dbx-box”>
<h3 class=”dbx-handle”><?php _e(‘Archives’); ?></h3>
<div class=”dbx-content”>

<?php wp_get_archives(‘type=monthly’); ?>

</div>
</div>

<!–sidebox end –>
——————————————————————
.dbx-box {
margin:0;
padding:0;
border:none;
clear: both;
white-space:nowrap;
text-overflow:ellipsis; /* IE, Safari */
-o-text-overflow:ellipsis; /* Opera under 10.7 */
overflow:hidden; /* “overflow” value must be different from “visible” */
-moz-binding: url(‘ellipsis.xml#ellipsis’);
}

css 선언은 이렇게 했구요
—————————————————————–
요거 입니다

긴글 읽느라 수고하셨습니다 ㅡㅠ

원정식

여기에서 최근글 위젯 보시면 대충 감잡으실거에요 ㅡㅠ

원정식