css 문의 드려요.. 채택완료
yabuki27
11년 전
조회 6,764
http://jbattachment.com/index2.php">http://jbattachment.com/index2.php
저희 회사 홈페이지인데요..
포토아래 썸네일 아래에 글자가 잘려서 나옵니다..
저희 회사 홈페이지인데요..
포토아래 썸네일 아래에 글자가 잘려서 나옵니다..
아래가 css인데요..
어딜수정 해야 할까요??
그리고 썸네일에 보더값을 주고 싶은데요??
도와주세요~~
.n_gallery_wrap {clear:both; position:relative}
.n_title_wrap {width:100%; height:25px; border:3px solid #ccc}
.n_title a:link, .n_title a:visited, .n_title a:active, .n_title a:hover {float:left; text-decoration:none; padding-left:8px; white-space:nowrap; font:bold 12px gulim, dotum; color:#000; line-height:0px}
.n_icon {float:left; margin-left:5px; height:19px}
.n_right_wrap {float:right; padding-top:0px; padding-right:0px}
ul.n_thumb {margin:0px 0 0 0px; padding:0px 0 0 0; list-style:none; font-size:0; white-space:nowrap}
ul.n_thumb li {float:left; margin-left:25px; margin-bottom:30px; text-align:left}
ul.n_thumb li p {padding:0px 0px 0px 0px; width:129px; overflow-x:hidden}
ul.n_thumb li p a:link, ul.n_thumb li p a:visited, ul.n_thumb li p a:active, ul.n_thumb li p a:hover {text-decoration:none; font:normal 11px dotum, tahoma; color:#555; letter-spacing:-1px; white-space:nowrap}
.n_no_list {padding:0px 0px 0px 0px; font:normal 12px gulim, dotum; color:#777; text-align:center}
.n_title_wrap {width:100%; height:25px; border:3px solid #ccc}
.n_title a:link, .n_title a:visited, .n_title a:active, .n_title a:hover {float:left; text-decoration:none; padding-left:8px; white-space:nowrap; font:bold 12px gulim, dotum; color:#000; line-height:0px}
.n_icon {float:left; margin-left:5px; height:19px}
.n_right_wrap {float:right; padding-top:0px; padding-right:0px}
ul.n_thumb {margin:0px 0 0 0px; padding:0px 0 0 0; list-style:none; font-size:0; white-space:nowrap}
ul.n_thumb li {float:left; margin-left:25px; margin-bottom:30px; text-align:left}
ul.n_thumb li p {padding:0px 0px 0px 0px; width:129px; overflow-x:hidden}
ul.n_thumb li p a:link, ul.n_thumb li p a:visited, ul.n_thumb li p a:active, ul.n_thumb li p a:hover {text-decoration:none; font:normal 11px dotum, tahoma; color:#555; letter-spacing:-1px; white-space:nowrap}
.n_no_list {padding:0px 0px 0px 0px; font:normal 12px gulim, dotum; color:#777; text-align:center}
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
채택된 답변
+20 포인트
11년 전
음 글자가 썸네일 영역에서 왜 잘리는건지 잘 모르겠네요.
z-index 값을 안줘서 그런가...
썸네일 보더값은 *.css 에서 ul.n_thumb 에
border:1px solid red;
이렇게 주시면 될 것 같네요.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
해당부분의 html 소스입니다.
<?php
if (!defined('_GNUBOARD_')) exit; //개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
global $is_admin;
$n_thumb_width = 129; //썸네일 가로 크기
$n_thumb_height = 102; //썸네일 세로 크기
?>
<link rel="stylesheet" href="<?php echo $latest_skin_url; ?>/style.css">
<section class="n_gallery_wrap">
<?php if (count($list) == 0) { //게시물이 없을 경우 ?>
<div class="n_no_list">게시물이 없습니다.</div>
<?php } else { //게시물이 있을 경우 ?>
<ul class="n_thumb">
<?php for ($i = 0; $i < count($list); $i++) { ?>
<li>
<a href="<?php echo $list[$i]['href']; ?>">
<?php
$n_thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $n_thumb_width, $n_thumb_height);
$n_noimg = "$latest_skin_url/img/noimg.gif";
if($n_thumb['src']) {
$img_content = '<img src="'.$n_thumb['src'].'" width="'.$n_thumb_width.'" height="'.$n_thumb_height.'" alt="'.$list[$i]['subject'].'" title="" />';
} else {
$img_content = '<img src="'.$n_noimg.'" width="'.$n_thumb_width.'" height="'.$n_thumb_height.'" alt="이미지없음" title="" />';
}
echo $img_content;
?>
</a>
<p><a href="<?php echo $list[$i]['href']; ?>"><?php echo $list[$i]['subject']; ?></a></p>
</li>
<?php } ?>
</ul>
<?php } ?>
</section>