작업중에 최근글의 리스트의 라인간격이 너무 좁혀져 있어서요.
디폴트 css 하고, 최근글 게시판의 css를 조정을 해도 늘어나지 않아서 입니다.
어느 분 도움을 주셨음 하는데요.
# 참고사항
1. 캡쳐화면
2. 최근글 게시판 css
3. 메인 css
# 최근글 css
----------------------
Copy
/* 새글 스킨 (latest) */.lt_pc {float:left;margin-left:10px}.lt {position:relative;float:left;margin-bottom:20px;padding-bottom:10px;width:300px;height:80px;border-bottom:1px solid #e9e9e9}.lt ul {margin:0 0 10px;padding:0;list-style:none}.lt li {padding:3px 0}.lt .lt_title {display:block;padding:10px 0 8px}.lt .lt_more {position:absolute;top:10px;right:0}.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
# 메인 css
Copy
@charset "utf-8";/* CSS Document */#wrap {width:100%;}#container2 { width:100%; padding-top:102px;}#visual { position:relative; height:500px; overflow:hidden;}.visual { position:absolute; width:1980px; left:50%; margin-left:-990px;}.tooltip { position:absolute; top: 365px; left: 50%; font-family:"맑은 고딕"; font-size:15px; font-weight:bold; margin-left:-460px; z-index:222222;}.tooltip a { display:block; color:#fff; padding-right:58px; background:url(../img/main/arrow.png) right 0 no-repeat;}.quick_navi { position:absolute; top:92px; left:50%; width:328px; margin-left:280px; z-index:222222;}.quick_navi_01 {padding-left:1160px;}.quick_navi_02 li { float:left; height:160px;}#content { position:relative; height:191px; background:#ffffff; z-index:888888;}.mountain { position:absolute; width:193px; height:66px; top:-66px; left:50%; background:url(../img/main/mountain.png) no-repeat; margin-left:-97px;}.content_wrap { width:1100px; padding-top:90px; margin:0 auto;}.notice { float:left; width:309px; margin-right:33px;}.banner { float:left; width:412px; margin-right:35px;}.gallery {float:left;}.gallery li { float:left; margin-right:10px;}.gallery li:nth-child(3) {margin-right:0 !important;}.title { height:30px; font-family:"맑은 고딕"; font-size:15px; color:#fff; font-weight:bold;}.latest li { height:30px; font-family:"맑은 고딕"; font-size:13px; color:#4e6331; margin-bottom:4px;}.latest li a {color:#303030;}.latest_left {float:left;}.latest_right {float:right;}
답변 6개
채택된 답변
+20 포인트
8년 전
.lt li {padding:3px 0} 값을 수정해보세요.
8년 전
.lt li {padding:3px 0} |
이부분에 패딩값을 수정하는게 맞구요.
latest 패딩값으로 변하지 않는다면 f12 개발자 창에서
해당 부분에 적용되고있는 css를 확인해야 합니다.
8년 전
.lt li {}
이것은 lt 안에 존재하는 모든 li의 css를 지정하는것입니다.
class를 지정하지 않아도 됩니다.
8년 전
에이치님 감사드리구요.
그런데 위의 latest.skin.php 소스는 맞는 건지요?
.lt li 의 css 가 작동이 되기위해서는 latest.skin.php 안에 css를 명령하는 class 가 있어야 할 것 같은데
보이지 않아서 입니다.
사실, 제가 css 공부하는데 게을리 했거든요.
8년 전
.lt li 에 overflow:hidden도 추가해야할거같습니다.
8년 전
우선 감사하구요.
값을 변경하지 먹히지 않는데 혹시 latest.skin.php 에 lt 에 대한 <div class> 가 정의되어 있지 않아서 인지
모르겠습니다.
설정된 latest.skin.php 소스를 남겨봅니다.
Copy
<?phpif (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가?><div class="lt"><?php for ($i=0; $i<count($list); $i++) { ?><li> <div class="latest_left"> <?php //echo $list[$i]['icon_reply']." "; echo "<a href=\"".$list[$i]['href']."\">"; if ($list[$i]['is_notice']) echo $list[$i]['subject']; else echo $list[$i]['subject']; if ($list[$i]['comment_cnt']) echo $list[$i]['comment_cnt']; echo "</a>"; ?> </div> <div class="latest_right"><?=date("Y.m.d", strtotime($list[$i][wr_datetime]))?></div></li><?php } ?>답변을 작성하려면 로그인이 필요합니다.