배너를 가로로 배열이 되게 하려면, 어떻게 수정해야 되나요? 도움 부탁 드립니다ㅜ
본문
아래는 boxbanner.skin.php 에서 float:left를 넣은 소스입니다.
배너 2개를 가로로 배열해서 사용하려고 하는데, 위아래로 출력이 되요.
가로로 배열이 되게 하려면, 어떻게 수정해야 되나요? 도움 부탁 드립니다ㅜ
<?php
for ($i=0; $row=sql_fetch_array($result); $i++)
{
if ($i==0) echo '<div style="float:left"><ul>'.PHP_EOL;
//print_r2($row);
// 테두리 있는지
$bn_border = ($row['bn_border']) ? ' class="sbn_border"' : '';;
// 새창 띄우기인지
$bn_new_win = ($row['bn_new_win']) ? ' target="_blank"' : '';
$bimg = G5_DATA_PATH.'/banner/'.$row['bn_id'];
if (file_exists($bimg))
{
$banner = '';
$size = getimagesize($bimg);
echo '<li>'.PHP_EOL;
if ($row['bn_url'][0] == '#')
$banner .= '<a href="'.$row['bn_url'].'">';
else if ($row['bn_url'] && $row['bn_url'] != 'http://') {
$banner .= '<a href="'.G5_SHOP_URL.'/bannerhit.php?bn_id='.$row['bn_id'].'&url='.urlencode($row['bn_url']).'"'.$bn_new_win.'>';
}
echo $banner.'<img src="'.G5_DATA_URL.'/banner/'.$row['bn_id'].'" alt="'.$row['bn_alt'].'" width="'.$size[0].'" height="'.$size[1].'"'.$bn_border.'>';
if($banner)
echo '</a>'.PHP_EOL;
echo '</li>'.PHP_EOL;
}
}
if ($i>0) echo '</ul></div>'.PHP_EOL;
?>
답변 1
float:left; 로 정의된 태그가 같은 라인에 나오지 않는 이유는
1. 감싸고 있는 부모 태그 스타일이 display:block;(라인 전체를 차지) 로 정의 되지 않았거나
2. 지정된 너비가 두개의 float:left 보다 작은 크기일 경우
로 추측됩니다.
스타일을 찍어보면 바로 답이 나올 듯 한데 링크를 남겨주시는게 좋을 것 같습니다.