통합 검색에서 이미지 정렬문제 > 그누4 질문답변

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

통합 검색에서 이미지 정렬문제 정보

통합 검색에서 이미지 정렬문제

본문

search.skin.php
잘 모르는 실력으로 이미지를 출력하게 했더니
그림처럼 나오네요....제품을 나란히 4개 나오게 옆으로 정렬을 시켜야 되는데..
이부분 어디를 수정해야 될거 같은데..
어떻게 고쳐야 될지 모르겠네요. 아시는 분 답좀 부탁드려요.

  <?
        $k=0;
        for ($idx=$table_index, $k=0; $idx<count($search_table) && $k<$rows; $idx++)
        {
          echo "<ul type=circle><li><b><a href='./board.php?bo_table={$search_table[$idx]}&{$search_query}'><u>{$bo_subject[$idx]}</u></a>에서의 검색결과</b></ul>";
            $comment_href = "";
            for ($i=0; $i<count($list[$idx]) && $k<$rows; $i++, $k++)
            {
                // echo "<ul><ul type=square><li style='line-height:110%;'>";
                if ($list[$idx][$i][wr_is_comment])
                {
                    echo "<font color=999999>[코멘트]</font> ";
                    $comment_href = "#c_".$list[$idx][$i][wr_id];
                }
                echo "<a href='{$list[$idx][$i][href]}{$comment_href}'><u>";
$img=$list[$idx][$i][wr_id];
                $roo = sql_fetch(" select bf_file from $g4[board_file_table] where bo_table = '$search_table[$idx]' and wr_id = '$img' and bf_no = '0' ");

                if (preg_match("/\.($config[cf_image_extension])$/i", $roo[bf_file]))
                $imgser = "<img src='$g4[path]/data/file/$search_table[$idx]/$roo[bf_file]'  width=130  height=120 border=0>";

echo $imgser; 
echo "<br></br>";
echo $list[$idx][$i][subject];
echo "&nbsp;";
echo number_format($list[$idx][$i][wr_9]);
echo "원";
echo "</ul></ul>";
}
        }
        ?>
             
<p align=center><?=$write_pages?>

댓글 전체

올려 주신 소스에서 수정할 사항이 아니라 스타일시트 css 에서 수정할 사항입니다.
현재 ul 과 li 를 사용하셨는데 해당 스타일에 text-align:center; 를 적용해야 합니다.
다양한 브라우저 호환을 위해 margin:0 auto; 도 넣어 주시고요.
단, 이 스타일이 제대로 작동하려면
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="ko" lang="ko">
요놈을 head.sub.php 에 넣으셔야 합니다. 그래야 정상 작동하지요.

문제는 님의 소스는 스타일도 빠져있는 듯 합니다. 스타일은 전체관련 파일을 다 보지 못할 경우 쉽게 정답을 찾기 어렵습니다. 왜? 익스에서 보는 화면과 파폭이나 구글 등에서 보는 화면이 달라질 수 있거든요.
감사합니다....아미가님이 말씀해주신 건 혹시 사진이 가운데로 정렬하는 걸 말씀해주신건가요? 제 질문은 사진이 그림처럼 하나 위에 있고 또 그 아래 출력되는게 아니라(세로로 나오는게 아니라) 사진이 가로 한줄에 4개가 쭉 나오게 하는 방법을 질문한거예요^^.
전체 121 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT