최신글 밑으로 밑줄을 넣고싶은데..
본문
최신글이 나오면 밑으로 밑줄을 하나씩 넣고싶은데
아무리 해도 밑줄이 생기지가 않네요.
분명 css에 .latest-line {border-bottom:1px solid #ddd;} 넣고
<li class="latest latest-line"> 이리 넣었는데요...
http://3927tv.x-y.net/board/bbs/15.php
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
?>
<style type="text/css">
a:link {text-decoration: none; color: #555555;}
a:visited {text-decoration: none; color: #555555;}
a:active {text-decoration: none; color: #555555;}
a:hover {text-decoration: none; color: #cb011b;}
</style>
<!-- <?php echo $bo_subject; ?> 최신글 시작 { -->
<div class="kor">
<ol class="list-unstyled">
<?php for ($i=0; $i<count($list); $i++) { ?>
<li class="latest latest-line">
<?php
echo "<span class=\"latest-right pull-right\">";
// if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
// if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }
if (isset($list[$i]['icon_new'])) echo " " . $list[$i]['icon_new'];
//if (isset($list[$i]['icon_hot'])) echo " " . $list[$i]['icon_hot'];
//if (isset($list[$i]['icon_file'])) echo " " . $list[$i]['icon_file'];
//if (isset($list[$i]['icon_link'])) echo " " . $list[$i]['icon_link'];
if (isset($list[$i]['icon_secret'])) echo " " . $list[$i]['icon_secret'];
echo "</span>";
//echo $list[$i]['icon_reply']." ";
echo "<a href=\"".$list[$i]['href']."\">";
if ($list[$i]['is_notice'])
echo "<strong>".$list[$i]['subject']."</strong>";
else
echo $list[$i]['subject'];
if ($list[$i]['comment_cnt'])
echo $list[$i]['comment_cnt'];
echo "</a>";
?>
</li>
<?php } ?>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
<li>게시물이 없습니다.</li>
<?php } ?>
</ol>
</div>
<!-- } <?php echo $bo_subject; ?> 최신글 끝 -->
style.css가
@charset "utf-8";
/* 승희아빠 */
/* 새글 스킨 (latest) */
.kor { word-wrap: break-word; word-break: keep-all; }/* 한글 줄바꿈 */
.latest {
max-width:100%; /* Customise it accordingly */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.latest-more { margin-top:6px; }
.latest-right { width:85px; text-align:right; }
.latest-hr { display:block; margin:5px 0px; }
.latest-line {border-bottom:1px solid #ddd;}
!-->!-->
답변 2
<style type="text/css"> |
07 | a:link {text-decoration: none; color: #555555;} |
08 | a:visited {text-decoration: none; color: #555555;} |
09 | a:active {text-decoration: none; color: #555555;} |
10 | a:hover {text-decoration: none; color: #cb011b;} |
11 |
</style>
|
이부분에서 a태그에 적용된 none 때문에 그럴 수 있을 것같습니다.
.latest_line a{ border-bottom:1px solid #ddd !important } 적용 시켜보세요.
1.코드 우선순위 때문에 적용이 안되는 걸로 예상 됩니다.
아래 1번과 같이 세부적으로 선언해 주시거나,
2번과 같이 우선순위를 최고로 높이시면 되지 않을까 합니다.
1.디테일 하게 선언 하여 우선순위 높이기
.kor .list-unstyled .latest-line{border-bottom:1px solid #ddd}
2. important 선언으로 우선순위 최고로 높이기
.latest-line {border-bottom:1px solid #ddd !important;}
질문 주신 문제는 대부분
크롬브라우저-해당요소-마우스 우클릭-요소검사로 해결 가능하니 참고 하시기 바랍니다.
답변을 작성하시기 전에 로그인 해주세요.