홈페이지 메인배너 소스 막히네요 ㅠㅠ
본문
<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 어떤걸 체크하면 되나요? ㅠㅠ html알못이라..
<style>
.cate_wrap_index{display:flex;flex-direction: row; align-content: center; justify-content: center; align-items: center; padding:35px 60px;min-width:1100px; box-sizing: border-box;}
.cate_wrap_index .cate_mmu{flex:1; display:flex;flex-direction: column;align-content: center; justify-content: center;align-items: center; font-size:16px;}
.cate_wrap_index .cate_mmu .box_cate_mmu{display:flex; flex-wrap: nowrap;align-content: center; justify-content: center; align-items: center;cursor: pointer;}
.cate_wrap_index .cate_mmu :hover.box_cate_mmu{transform: scale(1.2);-ms-transform: scale(1.2); transition: all .3s;}
.cate_wrap_index .cate_mmu:hover .cate_t{color:var(--maincolor);}
.cate_wrap_index .cate_mmu .box_cate_mmu img{}
.cate_mmu span{margin-top:15px; color:#232328;}
</style>
이 문구도 있는데 이거랑 충돌일까요..?
개발자 도구로 일일히 체크해서 css 잡아줘야되요
예를들어 이미지쪽이 좀 문제 일수도있고
css 에서 포지션이 늘쭉날쭉 하는것도 있고.. 일단 직접 확인해야되요
확인해주실 수 있나여? ㅠㅠ
네~ 남겨주세요
ㅋㅋㅋ 아뇨 그냥 사이트 주소 남긴게 훨 낫겠어요 지금 소스코드가 한도 넘어가서요
www.리뷰단.com 입니다 !! ㅋㅋㅋ
지금 제가 문의드린 소스코드는 아직 안넣었어요 ㅠㅠ 되지를 않아서,,
나머지 소스는 있습니다 !
그럼 어떻게 확인하나요? 테스트 서버라도 만들어서 확인하는수밖에 없어요
앗 ! 말씀해주시면 사이트에 소스 적용 시켜놓을게요 !! 계속 이미지 깨지는 상태로 둘 순 없어서 ㅠㅠ
네~ 일단 테스트 호스팅 하나를 더 만든게 낫구요 해봐야 한달짜리라서... 그걸로 좀 해둔게..
위치를 모를때는 URL 을 공개하세요.
백날 해당 소스 긁어서 올려봤자 원인 해결이 되지 않습니다.
자동차 시동이 걸리지 않는데
하루 종일 자동차 사진만 찍어서 시동이 안걸려요 하는 격입니다.
