통합 검색에서 이미지 정렬문제 정보
통합 검색에서 이미지 정렬문제본문
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 " ";
echo number_format($list[$idx][$i][wr_9]);
echo "원";
echo "</ul></ul>";
}
}
?>
<p align=center><?=$write_pages?>
잘 모르는 실력으로 이미지를 출력하게 했더니
그림처럼 나오네요....제품을 나란히 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 " ";
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 에 넣으셔야 합니다. 그래야 정상 작동하지요.
문제는 님의 소스는 스타일도 빠져있는 듯 합니다. 스타일은 전체관련 파일을 다 보지 못할 경우 쉽게 정답을 찾기 어렵습니다. 왜? 익스에서 보는 화면과 파폭이나 구글 등에서 보는 화면이 달라질 수 있거든요.
현재 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개가 쭉 나오게 하는 방법을 질문한거예요^^.