테스트 사이트 - 개발 중인 베타 버전입니다

모바일 리스트화면 수정하는데요

힝고 10년 전 조회 2,470

list.10.skin.php

이부분 css를 수정하는데요

아무리 style.css를 고쳐도 자꾸 옆에 쓸데없는 여백이 생기길래

크롬 개발자 도구로봤더니

 

<li class="sct_li sct_clear" style="width: 100px; padding-left: 36px; padding-right: 36px;"></p><p><div class="sct_img"><a href="<a href="<a href="http://inukkorea.web24.kr/shop/item.php?it_id=1441090754" target="_blank" rel="noopener noreferrer">http://inukkorea.web24.kr/shop/item.php?it_id=1441090754</a>"><a href="http://inukkorea.web24.kr/shop/item.php?it_id=1441090754" target="_blank" rel="noopener noreferrer">http://inukkorea.web24.kr/shop/item.php?it_id=1441090754</a></a>" class="sct_a"></p><p><img src="<a href="<a href="http://inukkorea.web24.kr/data/item/1441090754/thumb-scoos200_100x100.jpg" target="_blank" rel="noopener noreferrer">http://inukkorea.web24.kr/data/item/1441090754/thumb-scoos200_100x100.jpg</a>"><a href="http://inukkorea.web24.kr/data/item/1441090754/thumb-scoos200_100x100.jpg" target="_blank" rel="noopener noreferrer">http://inukkorea.web24.kr/data/item/1441090754/thumb-scoos200_100x100.jpg</a></a>" width="100" height="100" alt="전기스쿠터 S200"></p><p></a></div></p><p><div class="sct_icon"><span class="sit_icon"></span></div></p><p><div class="sct_txt"><a href="<a href="<a href="http://inukkorea.web24.kr/shop/item.php?it_id=1441090754" target="_blank" rel="noopener noreferrer">http://inukkorea.web24.kr/shop/item.php?it_id=1441090754</a>"><a href="http://inukkorea.web24.kr/shop/item.php?it_id=1441090754" target="_blank" rel="noopener noreferrer">http://inukkorea.web24.kr/shop/item.php?it_id=1441090754</a></a>" class="sct_a"></p><p>전기스쿠터 S200</p><p></a></div></p><p><div class="sct_cost"></p><p>전화문의</p><p></div></p><p><div class="sct_sns"><a href="https://<a href="<a href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Finukkorea.web24.kr%2Fshop%2Fitem.php%3Fit_id%3D1441090754&p=%EC%A0%84%EA%B8%B0%EC%8A%A4%EC%BF%A0%ED%84%B0+S200+%7C+%3A%3A%EC%9D%B4%EB%88%84%ED%81%AC%EC%BD%94%EB%A6%AC%EC%95%84%3A%3A" target="_blank" rel="noopener noreferrer">http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Finukkorea.web24.kr%2Fshop%2Fitem.php%3Fit_id%3D1441090754&p=%EC%A0%84%EA%B8%B0%EC%8A%A4%EC%BF%A0%ED%84%B0+S200+%7C+%3A%3A%EC%9D%B4%EB%88%84%ED%81%AC%EC%BD%94%EB%A6%AC%EC%95%84%3A%3A</a>">www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Finukkorea.web24.kr%2Fshop%2Fitem.php%3Fit_id%3D1441090754&p=%EC%A0%84%EA%B8%B0%EC%8A%A4%EC%BF%A0%ED%84%B0+S200+%7C+%3A%3A%EC%9D%B4%EB%88%84%ED%81%AC%EC%BD%94%EB%A6%AC%EC%95%84%3A%3A</a>" class="share-facebook" target="_blank"><img src="<a href="<a href="http://inukkorea.web24.kr/mobile/skin/shop/basic/img/sns_fb.png" target="_blank" rel="noopener noreferrer">http://inukkorea.web24.kr/mobile/skin/shop/basic/img/sns_fb.png</a>"><a href="http://inukkorea.web24.kr/mobile/skin/shop/basic/img/sns_fb.png" target="_blank" rel="noopener noreferrer">http://inukkorea.web24.kr/mobile/skin/shop/basic/img/sns_fb.png</a></a>" alt="페이스북에 공유"></a><a href="<a href="https://twitter.com/share?url=http%3A%2F%2Finukkorea.web24.kr%2Fshop%2Fitem.php%3Fit_id%3D1441090754&text=%EC%A0%84%EA%B8%B0%EC%8A%A4%EC%BF%A0%ED%84%B0+S200+%7C+%3A%3A%EC%9D%B4%EB%88%84%ED%81%AC%EC%BD%94%EB%A6%AC%EC%95%84%3A%3A" target="_blank" rel="noopener noreferrer">https://twitter.com/share?url=http%3A%2F%2Finukkorea.web24.kr%2Fshop%2Fitem.php%3Fit_id%3D1441090754&text=%EC%A0%84%EA%B8%B0%EC%8A%A4%EC%BF%A0%ED%84%B0+S200+%7C+%3A%3A%EC%9D%B4%EB%88%84%ED%81%AC%EC%BD%94%EB%A6%AC%EC%95%84%3A%3A</a>" class="share-twitter" target="_blank"><img src="<a href="<a href="http://inukkorea.web24.kr/mobile/skin/shop/basic/img/sns_twt.png" target="_blank" rel="noopener noreferrer">http://inukkorea.web24.kr/mobile/skin/shop/basic/img/sns_twt.png</a>"><a href="http://inukkorea.web24.kr/mobile/skin/shop/basic/img/sns_twt.png" target="_blank" rel="noopener noreferrer">http://inukkorea.web24.kr/mobile/skin/shop/basic/img/sns_twt.png</a></a>" alt="트위터에 공유"></a><a href="<a href="https://plus.google.com/share?url=http%3A%2F%2Finukkorea.web24.kr%2Fshop%2Fitem.php%3Fit_id%3D1441090754" target="_blank" rel="noopener noreferrer">https://plus.google.com/share?url=http%3A%2F%2Finukkorea.web24.kr%2Fshop%2Fitem.php%3Fit_id%3D1441090754</a>" class="share-googleplus" target="_blank"><img src="<a href="<a href="http://inukkorea.web24.kr/mobile/skin/shop/basic/img/sns_goo.png" target="_blank" rel="noopener noreferrer">http://inukkorea.web24.kr/mobile/skin/shop/basic/img/sns_goo.png</a>"><a href="http://inukkorea.web24.kr/mobile/skin/shop/basic/img/sns_goo.png" target="_blank" rel="noopener noreferrer">http://inukkorea.web24.kr/mobile/skin/shop/basic/img/sns_goo.png</a></a>" alt="구글플러스에 공유"></a></div></p><p> </p><p></li>

 

 

이런식으로 나오는데 

</p><p><span style="font-size: 14.6666669845581px; line-height: 1.5;"><li class="sct_li sct_clear" style="width: 100px; padding-left: 36px; padding-right: 36px;"></span><span style="font-size: 11pt; line-height: 1.5;">​</span></p><p><span style="font-size: 11pt; line-height: 1.5;">

 

style에 padding이 자동으로 들어가네요...

width는 상품정보에서 등록한걸로 적용이되는데

왜 패딩이 지멋대로되는지 모르겠네요

저게 전부 일정하다면 상관없는데

세번째 상품단위로 다르게나오네요....... 어디서 수정해야되나요 ㅜㅜ

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

답변 1개

10년 전

style.css 파일에 설정한 것보다

  • 엘리먼트에 적용한 style 에 우선권이 있기 때문입니다.

    그러므로 style.css 보다는  list.10.skin.php 파일을 열어서

  • 엘리먼트에 적용된 style 을 수정해야 될 겁니다. 

  • 로그인 후 평가할 수 있습니다

    답변에 대한 댓글 1개

    힝고
    10년 전
    직접적으로 지정을해도 지멋대로 변합니다....

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

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

    로그인