게시판 리스트 css 수정 질문드립니다
본문
<!-- 썸네일 -->
<?php
if ($list[$i]['is_notice']) { // 공지사항 ?>
<span class="is_notice" style="<?php echo $line_height_style; ?>">공지</span>
<?php } else {
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height'], false, true);
if($thumb['src']) {
$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" >';
} else {
$img_content = '';
}
echo run_replace('thumb_image_tag', $img_content, $thumb);
}
?>
<!-- 썸네일 -->
<?php echo $list[$i]['subject'] ?>
</a>
<?php
if(isset($list[$i]['icon_file']))
echo '<span class="na-ticon na-file"></span>'.PHP_EOL;
//if(isset($list[$i]['icon_link']) && $list[$i]['icon_link'])
//echo '<span class="na-ticon na-link"></span>'.PHP_EOL;
?>
썸네일 위치를 항상 오른쪽에 오게 하고싶은데 css로 수정 가능할까요?
답변 1
이미지에 float:left 속성 추가해 보세요.
Float 속성을 어떻게 코드로 넣어야할까요??ㅜㅜ
아래처럼 인라인스타일로 넣으셔도 되고
$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" style="float:left">';
또는, 내부스타일이나 외부스타일로 넣으셔도 됩니다.
해당이미지 선택자 {float:left;}
자세한 건 아래 게시글을 참고해 공부해 보세요.
https://homzzang.com/b/css-3 (CSS 스타일 종류)
https://homzzang.com/b/css-254 (CSS 정렬/위치 관련 속성 모음)
Float했는데 오른쪽 끝으로 안가고 본문 바로 옆에 딱 붙어있내요ㅠ 패딩을 넣어야할까요?
패딩으로 하니 되네요 감사합니다!
padding : 요소 안 여백
margin : 요소 밖 여백
답변을 작성하시기 전에 로그인 해주세요.
