슬라이드 배너 버튼 가운데정렬 도와주시기 부탁드립니다.
안녕하세요!
배너 슬라이드버튼 가운데 정렬 문의드립니다.
아래 이미지와같이 슬라이드배너의 버튼이 살짝 왼쪽으로 치우쳐져 있습니다.
이거를 살짝 오른쪽으로 가져와서 가운데 정렬을 하고싶습니다.
https://sir.kr/bbs/view_image.php?fn=http%3A%2Fdata%2Feditor%2F2411%2F3661047773_1732716046.7121.png" target="_blank">https://sir.kr/data/editor/2411/3661047773_1732716046.7121.png" />
코드는 아래와 같은데 어디에 손을대야 가운데로 오나요?
테마의 css/default.css 파일인데
6번째줄 코드
#main_bn .dots{position:absolute;bottom:10px;text-align:center;width:90%}
90%를 100%로 바꾸고 저장 했는데도 꿈쩍도안하네요ㅠㅠ
</p>
<p>/*메인배너*/</p>
<p>#main_bn_box{border:1px solid #e8e8e8;margin-bottom:45px;width:900px;height:320px;overflow:hidden}</p>
<p>#main_bn {position:relative;overflow:auto;width:100% !important}</p>
<p>#main_bn .bn_ul{margin:0;padding:0}</p>
<p>#main_bn .bn_ul li{float:left;list-style:none}</p>
<p>#main_bn li .bn_wr{}</p>
<p>#main_bn .dots{position:absolute;bottom:10px;text-align:center;width:<span style="color:#e74c3c;"><strong>90%</strong></span>}</p>
<p>#main_bn .dots li{cursor:pointer;margin-right:10px;text-indent:-9999px;width:10px;height:10px;border-radius:50%; background:#2c68b0;overflow:hidden;display:inline-block;zoom:1; *display:inline /*IE7 HACK*/; _display:inline; /*IE6 HACK*/}</p>
<p>#main_bn .dots li.active{background:#fda100}</p>
<p>답변 3개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
absolute에 dot이면 width 대신
position: absolute;
bottom: 10px;
left:50%;
transform: translate(-50%, 0%);
하시면 가운데로~
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인