테스트 사이트 - 개발 중인 베타 버전입니다

최신글 갤러기 배열 질문합니다. 채택완료

ㅐ늑대ㅐ 6년 전 조회 2,824

최신글 갤러기 배열 질문합니다. 

 

아래 이미지 화쌀표 처럼 우측에 이미지가 3자리를 차지햇을대 좌측 아래 이미지는 자동으로 위로 올라 가게 할려고 합니다.

 

 

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

답변 3개

채택된 답변
+20 포인트
아르키어드

flloat된 리스트:nth-child(odd) { float:left } flloat된 리스트:nth-child(even) { float:right } 홀수순번은 float left 

짝수순번은 float right 

시켜보세요  

로그인 후 평가할 수 있습니다

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

L
6년 전

혹시 해당소스들을 씌워준 box 태그가 있는가요? 

</p>

<p><div class='box'></p>

<p>  <div class="col-xs-06"> 

    <a href="<?php echo $list[$i]['wr_link1'] ?>" target="_blank"><?php echo $img_content; ?></a> 

  </div> </p>

<p>  <div class="col-xs-06"> 

    <a href="<?php echo $list[$i]['wr_link1'] ?>" target="_blank"><?php echo $img_content; ?></a> 

  </div> </p>

<p></div></p>

<p>

 

이런식으로요

로그인 후 평가할 수 있습니다

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

6년 전

그림만 보고 알 순 없습니다. 해당 관련 소스를 확인해야만 답변 해드릴 수 있겠네요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

ㅐ늑대ㅐ
6년 전
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
//('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
$thumb_width = 48;
$thumb_height = 80;
?>
<style>
.col-xs-06 {
position: relative;
float:left;
width:190px;
max-width:48.5%;
margin:0 5px 5px 0;
}
</style>

<?php
for ($i=0; $i<count($list); $i++) {
if($date = date("Y-m-d") <= $list[$i]['wr_5']){
?>
<div class="col-xs-06">
<?php
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height, false, true);
$img = $thumb['src'];
$img_content = '<img src="'.$img.'">';
?>
<a href="<?php echo $list[$i]['wr_link1'] ?>" target="_blank"><?php echo $img_content; ?></a>
</div>
<?php }}?>

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

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

로그인