| PHP | PHP 7.2 |
|---|---|
| CMS | Rhymix |
안녕하세요!
스위트모바일(Sweetmoblie)이라는 무료 스킨을 잘 사용하고 있는데요!
https://coinbest.tv/
메인페이지 꾸미는 와중에 위젯끼리 레이어가 겹치는 현상이 발생되고 있어서 문의드려봅니다
목록형 위젯끼리는 아래처럼 겹치는 현상이 없는데
썸네일 또는 이미지가 위젯에 들어가면 저렇게 겹치네요 ㅜㅜ
2017년에 저와 같은 현상으로 도움을 요청하신분이 계신데 그분도 답을 못찾은거 같아서 저도 글 한번 남겨보아요 ㅜ
스위트모바일 레이아웃 참 매력적이고 좋은데 ㅜㅜ; 생각지도 못한 부분에서 막히니까 하.... ㅜㅜ
도움 요청 드립니다ㅜㅜ
p.s 레이아웃 원 제작자분께 문의드려 볼려고해도 ㅜㅜ 사이트가 없어진것 같아서 물어볼곳이 없네요
function setFrame(){
var height = jQuery('#tsM > div > div:nth-child(' + ( index + 1 ) + ')').height();
container.style.height = ( height + 20 ) + 'px';
if(nowSlide != index){
jQuery('body').animate({ scrollTop:0 }, 0);
nowSlide = index;
}
}
swipe.js 파일에 위 빨간색 코드가 있는데 저게 상단 고정 px 같은데 저걸 조정하면 되려나요?
?
.sweetMobileWrap { padding:5px; }
.sweetMobileWrap .sweetMobile { background:#fff; box-shadow: 0 0 2px rgba(0,0,0,0.1); border-radius:3px; overflow:hidden; }
.sweetMobileWrap .sweetMobile .smTitle { height:34px; border-bottom:1px solid #f2f2f2; position:relative; }
.sweetMobileWrap .sweetMobile .smTitle h3 { line-height:34px; padding:0 40px 0 10px; margin:0; font-size: 1.2em; letter-spacing:0; }
.sweetMobileWrap .sweetMobile .smTitle a { position:absolute; display:block; color:transparent; font-size:1px; width:24px; height:24px; background:url(more.png) no-repeat 0 0; background-size:24px; top:5px; right:5px; }
@media screen and (max-width:639px){
.sweetMobileWrap { width: 100%; box-sizing:border-box; }
}
@media screen and (min-width: 640px){
.sweetMobileWrap { width: 50%; box-sizing:border-box; }
}
위젯 스타일쪽 css에 위 빨간색을 position:relative;로 바꿔 봤는데 불러오기는 position:absolute; 로 불러오네요 ㅜ
class명 .sweetMobileWrap <--- 이걸쓰는곳은 위젯 스타일에 있는 css에서만 사용하거든요 ㅜ
html로 표현하면
<div class="list_thumb">
<img style="width:100%;vertical-align:middle;" src="섬내일과 같은 비율의 단색 이미지를 불러옴(가볍게) 넓이 250에 높이 200이면 될듯" alt="">
<img style="position:absolute;top:0;bottom:0;left:0;right:0;" src="https://coinbest.tv/files/thumbnails/112/017/250x200.crop.jpg?20200224143131" alt="미국 애니메이션 심슨가족 &quot;암호화폐는 미래의 돈&quot;">
</div>
이렇게 처리하면 될겁니다.
?
이미지만 보고 css문제를 해결할수는 없으니 그 위젯을 아무대나 띄워서 링크 걸어주시면 찾아볼수는 있겠죠.