메인상품 처음이미지만 크게..
본문
메인상품 이미지 처음꺼만 크기를 크게 하려고 하는데요.
큰 상품이미지 오른쪽으로 작은상품이 나오게 하려고 하는데
이리저리 만지다보니 좀 이상하게 되고 연동이 안되서 틀이 깨지는거 같아요.
php, css 기본지식이 없어서..
소스를 이런식으로 해도 되는건가요?
main.10.skin.php
<?php
for ($i=1; $row=sql_fetch_array($result); $i++) {
if ($this->list_mod >= 2) { // 1줄 이미지 : 2개 이상
if ($i%$this->list_mod == 0) $sct_last = 'sct_last'; // 줄 마지막
else if ($i%$this->list_mod == 1) $sct_last = 'sct_clear'; // 줄 첫번째
else $sct_last = '';
} else { // 1줄 이미지 : 1개
$sct_last = 'sct_clear';
}
if ($i == 1) {
echo "<div class=\"view100 view100_{$this->type}\">\n";
}
if ($i == 2) {
echo "<ul class=\"sct smt_100\">\n";
}
echo "<li class=\"sct_li {$sct_last}\">\n";
if ($this->href) {
echo "<div class=\"sct_img\"><a href=\"{$this->href}{$row['it_id']}\" class=\"sct_a\">\n";
}
if ($this->view_it_img) {
echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";
}
.
.
.
css
.view100 {width:1000px; height:375px;margin:0 0 30px;border:1px solid #888;}
.view100 img {height:100%; width:350px; padding:0 0px;float:left; border:1px solid #00CAF7}
.smt_100_wrap {border:1px solid #ccc;width:381px;height:376px;overflow:hidden;}
.smt_100 {width:381px;}
.smt_100 .sct_ul {position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}
.smt_100 .sct_ul_first {display:block;top:0}
.smt_100 .sct_li {position:relative;float:left;margin:0 0 5px 5px;border:1px solid #e3e3e3}
.smt_100 .sct_li:hover {border:1px solid #00CAF7;}
.smt_100 .sct_a {position:relative;text-decoration:none;}
.smt_100 .sct_a:focus, .smt_50 .sct_a:hover {text-decoration:none}
.smt_100 .sct_img {width:170px; height:184px; float:left;border:1px solid #888;}
.smt_100 .sct_img a,
.smt_100 .sct_img a img {width:100%; height:100%;}
.view100 .sct_img_b {width:240px; height:370px; float:left;border:1px solid #888;}
.sct_img_b a,
.sct_img_b a img {width:100%; height:100%;}
수정해야 할부분 좀 알려주세요.
답변을 작성하시기 전에 로그인 해주세요.