최신글 스킨 이미지 두줄씩 개행해서 나타내기 채택완료
안녕하세요 최신글을
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개
</p><p><div class="section"></p><p><ul></p><p> <?php </p><p> for ($i=0; $i<count($list); $i++) { </p><p> </p><p> if($i>0 && ($i % 2== 0))</p><p> $style = 'clear:both;';</p><p> else</p><p> $style = '';</p><p> if ($i == 0) $k = 0;</p><p> $k += 1;</p><p> if ($k % 2 == 0) $style .= "margin:0 !important;"; </p><p> </p><p> echo "<li style='{$style}'>";</p><p> echo "<a href='{$list[$i]['href']}'>";</p><p> $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height);</p><p> if($thumb['src']) {</p><p> $img = '<img src="'.$thumb['src'].'" width="'.$thumb_width.'" height="'.$thumb_height.'" class="latest_img" title="'.$list[$i]['subject'].'" >';</p><p> } else {</p><p> $img = '<img src="'.$latest_skin_url.'/img/noimage.png" width="'.$thumb_width.'" height="'.$thumb_height.'" title="'.$list[$i]['subject'].'">';</p><p> }</p><p> echo $img;</p><p> echo "</a>";</p><p> echo "</li>";</p><p> ?></p><p> </ul></p><p> <?php } ?></p><p> <?php if (count($list) == 0) { //게시물이 없을 때 ?></p><p> 게시물이 없습니다.</p><p> <?php } ?></p><p> </div> </p><p>댓글을 작성하려면 로그인이 필요합니다.
웹프리죤님 답변 감사합니다
그런데 아직도 한줄씩 나옵니다
어떻게 해야할까요?
저는 두개씩 한줄개행이 되고 싶거든요
<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>
이렇게 개발을 붙일려고 합니다. 어떻게 하면 좋을까요?
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
테스트 한겁니다.
<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>