배너를 가로로 배열이 되게 하려면, 어떻게 수정해야 되나요? 도움 부탁 드립니다ㅜ 채택완료

아래는 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'].'&amp;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 보다 작은 크기일 경우

 

로 추측됩니다.

 

스타일을 찍어보면 바로 답이 나올 듯 한데 링크를 남겨주시는게 좋을 것 같습니다.

 

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

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

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

로그인
🐛 버그신고