답변 4개
작성일 18-01-31 18:29
이 줄 다음에
http://jicinside.com/theme/community2/skin/board/mov/style.css?ver=171222" target="_blank">http://jicinside.com/theme/community2/skin/board/mov/style.css?ver=171222
mov 스킨 파일 css 에서
#bo_v_info {padding: 10px 0 15px;margin:0 0 20px;border-bottom:1px solid #ddd;color:#666; position:relative => 이부분 추가 }
/* 본문 회원이미지 추가하기 추가 */
#bo_v_info_img {position:absolute;top:70px;right:20px}=>
#bo_v_info_img {position:absolute;top:-25px;right:0px} 으로 수정해보세요
이렇게 해도 제목이 두줄이 되면 가려질 것같긴하네요
#bo_v_title{ width:80% 정도로 가로사이즈 지정해주세요
답변에 대한 댓글 9개
그부분을 붙여 넣으시면 됩니다 아 .. 옮겨놓는 다는 표현이 맞겠네요
<?php
$mb_dir = substr($view[mb_id],0,2);
$icon_file = G5_DATA_PATH.'/member_image/'.$mb_dir.'/'.$view[mb_id].'.gif';
if (file_exists($icon_file)) {
$icon_url = G5_DATA_URL.'/member_image/'.$mb_dir.'/'.$view['mb_id'] .'.gif';
echo '<img src="'.$icon_url.'" alt="">';
} else {
$icon_url = G5_URL.'/img/no_profile.gif';
echo '<img src="'.$icon_url.'" alt="">';
}
?> </section>
이렇게추가하면되나요?
--
추가하고나니 이것도 제목을가리네요 ㅠ
<header>
<h2 id="bo_v_title">
<?php if ($category_name) { ?>
<span class="bo_v_cate"><?php echo $view['ca_name']; // 분류 출력 끝 ?></span>
<?php } ?>
<span class="bo_v_tit">
<?php
echo cut_str(get_text($view['wr_subject']), 70); // 글제목 출력
?></span>
</h2>
</header>
위소스코드에서
$width-10 -> $width 로 바꾸니 제목은 가리지않는데 이렇게 수정해도 별문제없나요?
또는 $width-11~ 까지하니 밑에줄 포함에서 줄어들어 적용되는거 같은데
위게시판도 똑같이수정하면되겠죠? 좋은 답변감사합니다
안되시면 다시 질문 올려주세요
댓글을 작성하려면 로그인이 필요합니다.
일단
그리고 section 태그는 구조적으로 나누는 용도로 쓰이기때문에 bo_v_info_img에 section을 이용하시는 것보다 의미적으로도 bo_v_info 안에 (글쓴이 정보 나열되는 곳에 프로필사진도 나열되야겠죠.)
#bo_v_info 에 position: relative 주셔서 기준점으로 잡으시고요.
bo_v_info_img 를 그 안에서 움직이시면 되겠습니다.
댓글을 작성하려면 로그인이 필요합니다.
임시 적인 해결책으로 아래와 같이 가능합니다
</p>
<p>#bo_v_info_img {
position: initial;
top: 0;
right: 0;
margin: -81px -31px 0 0;
float: right;
}</p>
<p>
그리고 전체적 요소의 위치를 효율적으로 배치하고
구조적인 CSS 를 구성해
추후 유지보수가 쉽도록 만드는 것이 좋습니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
#bo_v_info_img
top:70px => top:30px 정도로 수정
관련 파일
http://jicinside.com/theme/community2/skin/board/mov/style.css?ver=171222" target="_blank">http://jicinside.com/theme/community2/skin/board/mov/style.css?ver=171222
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
위소스에서 ~ 이건뭔가요?