묻고답하기
최신글 위젯 CSS에서
2008.08.26 23:21
최근 게시글 위젯의 타이틀문구와 그 아래의 밑줄이 아래의 그림과 같이 너무 바짝 붙어 있는데 이를 조금 떼려면 어디를 어떻게 변화시켜야 할까요?
아래는 widgets\newest_document\skins\xe_official\css\white.css의 해당부분입니다.
.latest_white { width:100%; padding-bottom/*맨아래의 바닥*/:0px; overflow:hidden; position:relative;}
.latest_white h2 { margin:0/*숫자를변화시켜도 아무 변화 없음*/;
display:block;
padding:10px/*상단*/
0/*우측*/
0/*바닥. 숫자 변화시켜도 아무 변화 없음.*/
9/*좌측*/px;
margin-bottom/*타이틀밑줄이미지아래 첫번째최신글과의 사이의 공간*/:12px;
color/*타이틀문구의 색*/:#000000;
background:url(../images/white/lineNotice.gif)/*타이틀문구 아래 밑줄 이미지임.*/ no-repeat left bottom;
font-size:1em;/*타이틀문구의 폰트사이즈*/}
댓글 3
-
둘리
2008.08.26 23:34
오리지널과 비교해보니 h2 안에 height:21px; 이 빠졌네요. -
e~세상쉼터
2008.08.26 23:37
.latest_white { width:100%; padding-bottom:15px; overflow:hidden; position:relative;}
.latest_white h2 { margin:0; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; background:url(../images/white/lineNotice.gif) no-repeat left bottom; font-size:1em;}.latest_white ul { margin:0; padding:0; }
.latest_white ul li { height:20px; background:url(../images/white/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden; list-style:none; white-space:nowrap;}.latest_white ul li .title a { color:#555555; text-decoration:none; }
.latest_white ul li .title a:hover { text-decoration:underline; }
.latest_white ul li .title span.comment { color:#FE6700; font:.9em Tahoma; }
.latest_white ul li .title span.comment a { color:#FE6700; font:.9em Tahoma; }.latest_white ul li .date { color:#999999; font:.8em Tahoma; white-space:nowrap; margin-right:5px;}
.latest_white .more { position:absolute; top:12px; right:11px; color:#54564b; font:.8em Tahoma;}
.latest_white a.more { text-decoration:none;}
.latest_white a.more:hover { text-decoration:underline;}
=====
위에 소스로 덮어 씌우세요. -
블루파티
2008.08.26 23:55
앗. 제가 주석을 달다가 그만 높이를 삭제해버렸었군요. 두 분의 답변, 감사합니다.