미채택 완료

메인상품 처음이미지만 크게..

2017-01-08 (일) 12:55:34 5,731

메인상품 이미지 처음꺼만 크기를 크게 하려고 하는데요.

큰 상품이미지 오른쪽으로 작은상품이 나오게 하려고 하는데  

이리저리 만지다보니 좀 이상하게 되고 연동이 안되서 틀이 깨지는거 같아요.

bd0b0852c0e3703d26e6de1a2be78e23_1483847342_5583.png 

php, css 기본지식이 없어서..

소스를 이런식으로 해도 되는건가요?

main.10.skin.php 

Copy
<?phpfor ($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 

Copy
.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%;}
 

수정해야 할부분 좀 알려주세요. 

|

답변 1개

2017-01-08 (일) 13:05:44

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