슬라이드 배너 버튼 가운데정렬 도와주시기 부탁드립니다.
본문
안녕하세요!
배너 슬라이드버튼 가운데 정렬 문의드립니다.
아래 이미지와같이 슬라이드배너의 버튼이 살짝 왼쪽으로 치우쳐져 있습니다.
이거를 살짝 오른쪽으로 가져와서 가운데 정렬을 하고싶습니다.
코드는 아래와 같은데 어디에 손을대야 가운데로 오나요?
테마의 css/default.css 파일인데
6번째줄 코드
#main_bn .dots{position:absolute;bottom:10px;text-align:center;width:90%}
90%를 100%로 바꾸고 저장 했는데도 꿈쩍도안하네요ㅠㅠ
/*메인배너*/
#main_bn_box{border:1px solid #e8e8e8;margin-bottom:45px;width:900px;height:320px;overflow:hidden}
#main_bn {position:relative;overflow:auto;width:100% !important}
#main_bn .bn_ul{margin:0;padding:0}
#main_bn .bn_ul li{float:left;list-style:none}
#main_bn li .bn_wr{}
#main_bn .dots{position:absolute;bottom:10px;text-align:center;width:90%}
#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*/}
#main_bn .dots li.active{background:#fda100}
답변 2
absolute에 dot이면 width 대신
position: absolute;
bottom: 10px;
left:50%;
transform: translate(-50%, 0%);
하시면 가운데로~
어딘지 모르겠으면 URL 공개 필수!!
답변을 작성하시기 전에 로그인 해주세요.