홈페이지 메인배너 소스 막히네요 ㅠㅠ
본문
<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
css 채크해보세요.
공용 클래스가 충돌하는것 같습니다.
개발자 도구로 일일히 체크해서 css 잡아줘야되요
예를들어 이미지쪽이 좀 문제 일수도있고
css 에서 포지션이 늘쭉날쭉 하는것도 있고.. 일단 직접 확인해야되요
위치를 모를때는 URL 을 공개하세요.
백날 해당 소스 긁어서 올려봤자 원인 해결이 되지 않습니다.
자동차 시동이 걸리지 않는데
하루 종일 자동차 사진만 찍어서 시동이 안걸려요 하는 격입니다.