홈페이지 메인배너 소스 막히네요 ㅠㅠ
본문
<div id="main_wrapp">
<div class="main_bn_wrapp">
<div class="main_bnp">
<div class="item01p itemp" style="background-img src="skin/adblog/img/231127_banner_01.jpg" z-index:100">
<a href="https://youandjunad.co.kr/" tabindex="0">
<div class="bn_txt_wrapp">
<span>프리미엄 캠페인 안내</span>
<div class="txt_wrapp">
<p class="titp">프리미엄 전용 캠페인 출시</p>
<p class="sub_txtp">
네이버인플루언서라면 채널 인증하고 참여하세요
</p>
</div>
<div class="bn_arrowp">
<svg
width="50"
height="15"
viewBox="0 0 50 15"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M2 13H46L34.5 2"
stroke="white"
stroke-width="3"
stroke-miterlimit="10"
stroke-linecap="round"
></path>
</svg>
</div>
</div>
</a>
<input
type="hidden"
id="slick_s0"
value="서비스 출시"
tabindex="0"
/>
<input
type="hidden"
id="slick_thumb0"
value="skin/adblog/img/main-sum01.jpg"
tabindex="0"
/>
</div>
<div class="item02p itemp" style="background-img:url(skin/adblog/img/231127_banner_02.png); z-index:99">
<a href="https://youandjunad.co.kr/" tabindex="-1">
<div class="bn_txt_wrapp">
<span>리뷰가 좋은이유</span>
<div class="txt_wrapp">
<p class="titp">리뷰가 좋은이유 체험단 출시</p>
<p class="sub_txtp">
어디서든 리뷰가좋은이유 체험단으로 간편하게 캠페인 신청하세요
</p>
</div>
<div class="bn_arrowp">
<svg
width="50"
height="15"
viewBox="0 0 50 15"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M2 13H46L34.5 2"
stroke="white"
stroke-width="3"
stroke-miterlimit="10"
stroke-linecap="round"
></path>
</svg>
</div>
</div>
</a>
<input
type="hidden"
id="slick_s1"
value="인기 캠페인"
tabindex="-1"
/>
<input
type="hidden"
id="slick_thumb1"
value="skin/adblog/img/main-sum02.jpg"
tabindex="-1"
/>
</div>
<div class="item03p itemp" style="background-img src="skin/adblog/img/231127_banner_03.jpg" z-index:98">
<a href="https://youandjunad.co.kr/" tabindex="-1">
<div class="bn_txt_wrapp">
<span>리뷰어 가이드</span>
<div class="txt_wrapp">
<p class="titp">체험단이 처음이신가요?</p>
<p class="sub_txtp">
가이드대로만 하면 체험단 신청 어렵지 않아요
</p>
</div>
<div class="bn_arrowp">
<svg
width="50"
height="15"
viewBox="0 0 50 15"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M2 13H46L34.5 2"
stroke="white"
stroke-width="3"
stroke-miterlimit="10"
stroke-linecap="round"
></path>
</svg>
</div>
</div>
</a>
<input
type="hidden"
id="slick_s2"
value="프리미어 캠페인"
tabindex="-1"
/>
<input
type="hidden"
id="slick_thumb2"
value="skin/adblog/img/main-sum03.jpg"
tabindex="-1"
/>
</div>
</div>
</div>
</div>
<div class="bn_thumb_wrapp">
<div class="bn_thumbp">
<ul class="slick-dots" role="tablist" style="display: block">
<li class="" role="presentation">
<div class="thumb">
<div class="img">
<img
src="skin/adblog/img/main-sum01.jpg"
alt=""
/>
</div>
<div class="thumb_line">
<svg width="100%" height="100%">
<rect
x="0"
y="0"
rx="8"
ry="8"
width="100%"
height="100%"
></rect>
</svg>
</div>
</div>
<p>서비스 출시</p>
</li>
<li role="presentation" class="">
<div class="thumb">
<div class="img">
<img
src="skin/adblog/img/main-sum02.jpg"
alt=""
/>
</div>
<div class="thumb_line">
<svg width="100%" height="100%">
<rect
x="0"
y="0"
rx="8"
ry="8"
width="100%"
height="100%"
></rect>
</svg>
</div>
</div>
<p>인기 캠페인</p>
</li>
<li role="presentation" class="">
<div class="thumb">
<div class="img">
<img
src="skin/adblog/img/main-sum03.jpg"
alt=""
/>
</div>
<div class="thumb_line">
<svg width="100%" height="100%">
<rect
x="0"
y="0"
rx="8"
ry="8"
width="100%"
height="100%"
></rect>
</svg>
</div>
</div>
<p>프리미어 캠페인</p>
</li>
</ul>
</div>
</div>
<div
제 홈페이지에 소스 입력하면 아래그림처럼밖에 안나오네요 ㅠㅠ 뭐가 잘못된걸까요?
답변 3
위치를 모를때는 URL 을 공개하세요.
백날 해당 소스 긁어서 올려봤자 원인 해결이 되지 않습니다.
자동차 시동이 걸리지 않는데
하루 종일 자동차 사진만 찍어서 시동이 안걸려요 하는 격입니다.
css 채크해보세요.
공용 클래스가 충돌하는것 같습니다.
개발자 도구로 일일히 체크해서 css 잡아줘야되요
예를들어 이미지쪽이 좀 문제 일수도있고
css 에서 포지션이 늘쭉날쭉 하는것도 있고.. 일단 직접 확인해야되요