최신글 갤러기 배열 질문합니다.
본문
최신글 갤러기 배열 질문합니다.
아래 이미지 화쌀표 처럼 우측에 이미지가 3자리를 차지햇을대 좌측 아래 이미지는 자동으로 위로 올라 가게 할려고 합니다.
답변 3
flloat된 리스트:nth-child(odd) { float:left }
flloat된 리스트:nth-child(even) { float:right }
홀수순번은 float left
짝수순번은 float right
시켜보세요
그림만 보고 알 순 없습니다.
해당 관련 소스를 확인해야만 답변 해드릴 수 있겠네요
<?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 }}?>
혹시 해당소스들을 씌워준 box 태그가 있는가요?
<div class='box'>
<div class="col-xs-06">
<a href="<?php echo $list[$i]['wr_link1'] ?>" target="_blank"><?php echo $img_content; ?></a>
</div>
<div class="col-xs-06">
<a href="<?php echo $list[$i]['wr_link1'] ?>" target="_blank"><?php echo $img_content; ?></a>
</div>
</div>
이런식으로요