안녕하세요. 저번 질문을 통해 제이쿼리를 활성화 시키는건 성공했는데
이번엔 이미지를 가운데로 옮기고 싶어 2시간 가량 씨름하다
마음처럼 되지않아 다시한번 질문글 올려봅니다..ㅠ
현재 구현은 되어있는 상태인데 안에 나오는 이미지를 정 가운데로 정렬시키고 싶습니다..
div align="center" 도 해보고 margin left,right auto 도 해보았는데 안되더군요 ㅠㅠㅠ
완전히 접근을 잘못한것같은데 도움좀 주실 능력자분 계신가요?
(링크참조)
이미지 크기가 제각각인데 그 이미지들이 정 가운데로 왔으면 좋겠습니다..
이상한건 밑에 버튼은 가운데로 오는데... 이미지만 안되네요..
답변 4개 / 댓글 3개
채택된 답변
+20 포인트
2016-01-21 (목) 10:33:11
jquery.bxslider.css 24번째줄
.bx-wrapper img {
- max-width: 100%;
- display: block;
- margin: 0 auto;
}
답변에 대한 댓글 1개
2016-01-21 (목) 10:34:44
만두야닷컴ul class="sliderr" 에 스타일 추가해 줘보세요
Copy
<ul class="sliderr" style="width: auto; position: relative;">를<ul class="sliderr" style="width: auto; position: relative;margin:0 auto">
2016-01-21 (목) 10:46:07
li부분에 width:1904px로 되어있나요??
저부분을 width:96%로 하니깐 중간으로 맞긴한데
제대로 디버깅햇다기보다 넘긴 수준이라서...
도움이 될진 모르겠습니다
답변에 대한 댓글 1개
2016-01-21 (목) 10:50:05
sliderr 부분에 알수없는 margin-left:40px 이 들어가있어서
추가로 margin-left-40px 을 넣는 방법으로 해결하긴 했는데...
굉장히 찝찝하네요... 아무리 찾아봐도 40 자체가 없는데 어디서 들어간걸까요?ㅜㅜㅋㅋ
추가로 margin-left-40px 을 넣는 방법으로 해결하긴 했는데...
굉장히 찝찝하네요... 아무리 찾아봐도 40 자체가 없는데 어디서 들어간걸까요?ㅜㅜㅋㅋ
2016-01-21 (목) 10:39:41
해당 소스는 정상적으로 가운데 정렬을 했습니다.
문제는 해당li와 img 영역이 오른쪽으로 쏠려있네요?
사진 왼쪽에 ? 부분이 비어서 오른쪽으로 밀려있어서 그런걸로 보입니다
저걸 잡아주셔야할듯합니다
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.
근데 링크 다시보시면 아시겠지만 약ㄱ간 오른쪽으로 쏠려있는데
이걸 정 가운데로 옮기려면 어떻게해야할까요??ㅜㅜㅜㅜㅜ