게시판을 만들고있는데 최신게시물에 보이는 제목 크기가 너무 깁니다 채택완료
http://rosookwan0.dothome.co.kr/">http://rosookwan0.dothome.co.kr/
이 주소인데 중간 유튜브 제목이 (테스트3)인데 f12로 확인해보면 제목 크기가 너무 길어서
쓸모없이 오른쪽 공백이 너무 큽니다.이 게시물 제목 크기를 줄이는 법이 있을까요?
저 latest.ski.php 는
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('', 0);
$gallery_width = '120';
$gallery_height = '90';
?>
/// echo $list[$i]['wr_link1'];
$pattern = "=";
$splitArr = split($pattern,$list[$i]['wr_link1']);
//echo $splitArr[1];
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_link1'], $gallery_width, $gallery_height);
echo "";
if($thumb['src']) {
$img_content = '
';
} else {
// $img_content = '
!['.$thumb['alt'].']('.$latest_skin_url.'/img/image_not_available_300.jpg)
';// $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_link1'], $gallery_width, $gallery_height);
$youtubeThumbPath = "https://img.youtube.com/vi/">https://img.youtube.com/vi/".$splitArr[1]."/default.jpg";
$img_content = '';
}
echo $img_content."";
?>
//echo $list[$i]['icon_reply']." ";
echo "";
echo "";
if ($list[$i]['is_notice'])
echo "
".$list[$i]['subject']."
";else
echo "
".$list[$i]['subject']."
";echo "";
?>
- 게시물이 없습니다.
이거구 style.css는
@charset "utf-8";
/* SIR 지운아빠 */
/* 새글 스킨 (latest) */
.skinmall {
margin-bottom: 20px;
background-color: #fff;
}
.skinmall-heading {
display:block;padding:10px 0 8px
}
.skinmall-default>.skinmall-heading {
color: #333;
background-color: #fff;
border-color: #f5f5f5;
}
.skinmall-default>.skinmall-heading a {
display: inline-block;
border-bottom: 3px solid #333;
padding: 3px 15px 3px 0;
margin-bottom: -3px;
color: #000;
font-weight: bold;
}
.skinmall-body {
padding: 5px 0;
}
.skinmall-body ul {
margin: 0;
padding: 0;
list-style: none;
}
.skinmall-body li {
margin: 0;
padding: 0;
}
.skinmall-body li .thumb {
display: inline-block;
width: 120;
margin: 0;
border: 1px solid #ededed;
}
.skinmall-body li .thumb img {
display: -webkit-box;
max-width: 90%;
height: auto;
margin: 5% auto;
}
.skinmall-body li .thumb iframe {
display: inline-block;
width: 120;
height: 90;
margin: 0;
}
.skinmall-body li a {
color: #333;
font-size: 0.95em;
width: 90%;
margin: 0 auto;
}
.lt_pc {float:left;margin-left:20px}
.lt {position:relative;float:left;margin-bottom:20px;padding-bottom:10px;width:300px;height:450px;border-bottom:1px solid #e9e9e9}
.lt strong {border:1px solid #ddd;}
.lt ul {padding:10px;margin:0 0 10px;list-style:none}
.lt li {padding:3px 0}
.lt .lt_title {display:block;padding:10px 0 8px}
.lt .lt_title > a {margin-left:10px;}
.lt .lt_more {position:absolute;top:10px;right:10px}
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
이거입니다!
답변 6개
안녕하세요. 인아이디어입니다.
css 만으로도 처리가능합니다.
</span></p><p style="margin-left: 40px;"><span style="font-size: 9pt;">.sh_latest_post dd.caption {</span></p><p style="margin-left: 40px;"><span style="white-space: pre; font-size: 9pt;"> </span><span style="font-size: 9pt;">padding: 10px 0 15px;</span></p><p style="margin-left: 40px;"><span style="white-space: pre; font-size: 9pt;"> </span><span style="font-size: 9pt;">font-size: 1.4em;</span></p><p style="margin-left: 40px;"><span style="white-space: pre; font-size: 9pt;"> </span><span style="font-size: 9pt;">width: 100%;</span></p><p style="margin-left: 40px;"><span style="white-space: pre; font-size: 9pt;"> </span><span style="font-size: 9pt;">text-overflow: ellipsis;</span></p><p style="margin-left: 40px;"><span style="white-space: pre; font-size: 9pt;"> </span><span style="font-size: 9pt;">white-space: nowrap;</span></p><p style="margin-left: 40px;"><span style="white-space: pre; font-size: 9pt;"> </span><span style="font-size: 9pt;">overflow: hidden;</span></p><p style="margin-left: 40px;"><span style="white-space: pre; font-size: 9pt;"> </span><span style="font-size: 9pt;">max-width: 80%;</span></p><p style="margin-left: 40px;"><span style="font-size: 9pt;">}</span></p><p><span style="font-size: 9pt;">
.sh_latest_post dd.caption 의 css 를 변경해주시면 됩니다.
단 글자가 길면 ... 으로 처리됩니다.
제가 질문을 제대로 이해한건지 모르겠네요 :(
댓글을 작성하려면 로그인이 필요합니다.
그 제목 타이틀에 적용하신 부트스트랩 클래스 2개중 하나를 빼보세요
li 태그에 있는 col-sm-3 이었나 했던것만 놔두시고
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
아뇨 3번만 말하는게 아니라 다 그런데 예를들어 말씀드린겁니당ㅠㅠ
그룹 자체를 다 줄여봐도 변함이 없습니다ㅠㅠ
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변 감사합니다ㅠ변환했는데도 그대로입니다
f12눌러서 확인해보면 저런식으로 제목 자체가 너무 길어서 그런 것 같습니다ㅠ
해결법 있을까요??
댓글을 작성하려면 로그인이 필요합니다.
</span></p><p><span style="color: rgb(72, 72, 72); font-family: Arial, 돋움, Dotum; font-size: 14.004px;">.lt {position:relative;float:left;margin-bottom:20px;padding-bottom:10px;width:300px;height:450px;border-bottom:1px solid #e9e9e9}</span> </p><p><span style="color: rgb(72, 72, 72); font-family: Arial, 돋움, Dotum; font-size: 14.004px;">//위와 같은것을</span></p><p><span style="color: rgb(72, 72, 72); font-family: Arial, 돋움, Dotum; font-size: 14.004px;">
</span></p><p>//아래와같이 변경해보세요</p><p><span style="color: rgb(72, 72, 72); font-family: Arial, 돋움, Dotum; font-size: 14.004px;">.lt {position:relative;float:left;margin-bottom:20px;padding-bottom:10px;width:150px;height:450px;border-bottom:1px solid #e9e9e9}</span><span style="color: rgb(72, 72, 72); font-family: Arial, 돋움, Dotum; font-size: 14.004px;"> </span></p><p><span style="color: rgb(72, 72, 72); font-family: Arial, 돋움, Dotum; font-size: 14.004px;">
</span></p><p><span style="color: rgb(72, 72, 72); font-family: Arial, 돋움, Dotum; font-size: 14.004px;">
틀 자체가 커서 그런경우로 보입니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
아니면 작은 유튜브 영상 우측 공백을 제거 하실려고 하는건가요?