메인상품 이미지 처음꺼만 크기를 크게 하려고 하는데요.
큰 상품이미지 오른쪽으로 작은상품이 나오게 하려고 하는데
이리저리 만지다보니 좀 이상하게 되고 연동이 안되서 틀이 깨지는거 같아요.
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
http://spm.jnjcom.net/itcubeNew/bbs/board.php?bo_table=cube_openmarket&wr_id=1
여기에 있는 css등을 참고하세요.
답변을 작성하려면 로그인이 필요합니다.