최신글 스킨 이미지 두줄씩 개행해서 나타내기
본문
안녕하세요 최신글을
image1 |
image2
|
image3
| image4 |
이런식으로 보일려고 하는데 어떻게 하면 될까요?
ul 태그에 class가 위에는 top이고 아래는 bottom인데 조언 좀 구해 봅니다
도와주세요
원본
<div class="section">
<ul class="gallry_top">
<li><a href="#" title="이미지원_01"><img src="images/main/g_01.jpg "></a></li>
<li><a href="#" title="이미지원_02"><img src="iimages/main/g_02.jpg "></a></li>
</ul>
<ul class="gallry_bottom">
<li><a href="#" title="이미지원_03"><img src="images/main/g_03.jpg "></a></li>
<li><a href="#" title="이미지원_04"><img src="images/main/g_04.jpg "></a></li>
</ul>
</div>
개발
<div class="section">
<?php
for ($i=0; $i<count($list); $i++) {
$bg = $i%2 ? "gallry_top" : "gallry_bottom";
echo "<ul class='".$bg."'>";
echo
echo "<li>";
echo "<a href='{$list[$i]['href']}'>";
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height);
if($thumb['src']) {
$img = '<img src="'.$thumb['src'].'" width="'.$thumb_width.'" height="'.$thumb_height.'" class="latest_img" title="'.$list[$i]['subject'].'" >';
} else {
$img = '<img src="'.$latest_skin_url.'/img/noimage.png" width="'.$thumb_width.'" height="'.$thumb_height.'" title="'.$list[$i]['subject'].'">';
}
echo $img;
echo "</a>";
echo "</li>";
?>
</ul>
<?php } ?>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
게시물이 없습니다.
<?php } ?>
</div>
답변 3
<div class="section">
<ul>
<?php
for ($i=0; $i<count($list); $i++) {
if($i>0 && ($i % 2== 0))
$style = 'clear:both;';
else
$style = '';
if ($i == 0) $k = 0;
$k += 1;
if ($k % 2 == 0) $style .= "margin:0 !important;";
echo "<li style='{$style}'>";
echo "<a href='{$list[$i]['href']}'>";
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height);
if($thumb['src']) {
$img = '<img src="'.$thumb['src'].'" width="'.$thumb_width.'" height="'.$thumb_height.'" class="latest_img" title="'.$list[$i]['subject'].'" >';
} else {
$img = '<img src="'.$latest_skin_url.'/img/noimage.png" width="'.$thumb_width.'" height="'.$thumb_height.'" title="'.$list[$i]['subject'].'">';
}
echo $img;
echo "</a>";
echo "</li>";
?>
</ul>
<?php } ?>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
게시물이 없습니다.
<?php } ?>
</div>
웹프리죤님 답변 감사합니다
그런데 아직도 한줄씩 나옵니다
어떻게 해야할까요?
저는 두개씩 한줄개행이 되고 싶거든요
<div class="section">
<ul class="gallry_top">
<li><a href="#" title="이미지원_01"><img src="images/main/g_01.jpg "></a></li>
<li><a href="#" title="이미지원_02"><img src="iimages/main/g_02.jpg "></a></li>
</ul>
<ul class="gallry_bottom">
<li><a href="#" title="이미지원_03"><img src="images/main/g_03.jpg "></a></li>
<li><a href="#" title="이미지원_04"><img src="images/main/g_04.jpg "></a></li>
</ul>
</div>
이렇게 개발을 붙일려고 합니다. 어떻게 하면 좋을까요?
이렇게 하면 될거에요
테스트 한겁니다.
<style>
.section li { float:left; padding:2px; margin:0; }
</style>
<div class="section">
<ul>
<?php
for ($i=0; $i<count($list); $i++) {
if($i>0 && ($i % 2== 0))
$style = 'clear:both;';
else
$style = '';
if ($i == 0) $k = 0;
$k += 1;
if ($k % 2 == 0) $style .= "margin:0 !important;";
echo "<li style='{$style}'>";
echo "<a href='{$list[$i]['href']}'>";
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height);
if($thumb['src']) {
$img = '<img src="'.$thumb['src'].'" width="'.$thumb_width.'" height="'.$thumb_height.'" class="latest_img" title="'.$list[$i]['subject'].'" >';
} else {
$img = '<img src="'.$latest_skin_url.'/img/noimage.png" width="'.$thumb_width.'" height="'.$thumb_height.'" title="'.$list[$i]['subject'].'">';
}
echo $img;
echo "</a>";
echo "</li>";
} ?>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
<li>게시물이 없습니다.</li>
<?php } ?>
</ul>
</div>
정말 감사합니다.
