채택완료

게시판 리스트 css 수정 질문드립니다

2022-12-01 (목) 13:56:47 2,370
Copy
<!-- 썸네일 -->

<?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개 / 댓글 5개

채택된 답변
+20 포인트

이미지에 float:left 속성 추가해 보세요.

답변에 대한 댓글 5개

2022-12-01 (목) 14:33:49
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 정렬/위치 관련 속성 모음)
2022-12-01 (목) 15:43:07
Float했는데 오른쪽 끝으로 안가고 본문 바로 옆에 딱 붙어있내요ㅠ 패딩을 넣어야할까요?
2022-12-01 (목) 15:49:48
패딩으로 하니 되네요 감사합니다!
padding : 요소 안 여백
margin : 요소 밖 여백

답변을 작성하려면 로그인이 필요합니다.