미디어쿼리 사용시 날짜, 조회 숨기기
본문
기본 테마, 스킨을 사용하고 있습니다.
767.98px 사이즈 이하로는 날짜와 조회수가 안보이게 하고싶습니다.
@media (max-width: 767.98px) {
.td_num{
display: none;
}
그래서 이렇게 css 추가해줬는데
이렇게 출력이 됩니다.. 날짜와 조회 텍스트는 그대로 나오고 카운트되는 숫자들만 안나오는데 어떻게 해야할까요
list.skin.php
<th scope="col">번호</th>
<th scope="col ">제목</th>
<th scope="col " style="text-align: left; ">작성자</th>
<th scope="col" ><?php echo subject_sort_link('wr_datetime', $qstr2, 1) ?>날짜 </a></th>
<th scope="col"><?php echo subject_sort_link('wr_hit', $qstr2, 1) ?>조회 </a></th>
<td class="td_name sv_use"><?php echo $list[$i]['name'] ?></td>
<td class="td_datetime"><?php echo $list[$i]['datetime'] ?></td>
<td class="td_num"><?php echo $list[$i]['wr_hit'] ?></td>
css
/* 게시판 목록 */
#bo_list {position:relative;margin-bottom:20px}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:60px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {width:90px;text-align:left;padding:10px 0}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_num2 {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}
#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}
#bo_list tbody tr {border-left:2px solid transparent}
#bo_list tbody tr:hover {border-left:2px solid #253dbe}
#bo_list tbody .even td {background:#fbfbfb}
@media (max-width: 767.98px) {
.td_num{
display: none;
}
}
답변 1
<style>
#bo_list {position:relative;margin-bottom:20px}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:60px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {width:90px;text-align:left;padding:10px 0}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_num2 {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}
#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}
#bo_list tbody tr {border-left:2px solid transparent}
#bo_list tbody tr:hover {border-left:2px solid #253dbe}
#bo_list tbody .even td {background:#fbfbfb}
@media (max-width: 767.98px) {
.col_datetime, .col_hit, .td_datetime, .td_hit {
display: none;
}
}
</style>
<table id="bo_list">
<thead>
<tr>
<th scope="col">번호</th>
<th scope="col ">제목</th>
<th scope="col " style="text-align: left; ">작성자</th>
<th scope="col" class="col_datetime"><?php echo subject_sort_link('wr_datetime', $qstr2, 1) ?>날짜 </a></th>
<th scope="col" class="col_hit"><?php echo subject_sort_link('wr_hit', $qstr2, 1) ?>조회 </a></th>
</tr>
</thead>
<tbody>
<tr>
<td class="td_num">1</td>
<td class="td_num">title</td>
<td class="td_name sv_use">name</td>
<td class="td_datetime">datetime</td>
<td class="td_hit">1</td>
</tr>
<tr class="even">
<td class="td_num">2</td>
<td class="td_num">title</td>
<td class="td_name sv_use">name</td>
<td class="td_datetime">datetime</td>
<td class="td_hit">1</td>
</tr>
<tr>
<td class="td_num">3</td>
<td class="td_num">title</td>
<td class="td_name sv_use">name</td>
<td class="td_datetime">datetime</td>
<td class="td_hit">1</td>
</tr>
</tbody>
</table>
감사합니다~
