테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 개체 가운데정렬 질문입니다.... 채택완료

Xino 9년 전 조회 7,447

안녕하세요. 저번 질문을 통해 제이쿼리를 활성화 시키는건 성공했는데

 

이번엔 이미지를 가운데로 옮기고 싶어 2시간 가량 씨름하다

 

마음처럼 되지않아 다시한번 질문글 올려봅니다..ㅠ

 

현재 구현은 되어있는 상태인데 안에 나오는 이미지를 정 가운데로 정렬시키고 싶습니다..

 

div align="center" 도 해보고 margin left,right auto 도 해보았는데 안되더군요 ㅠㅠㅠ

 

완전히 접근을 잘못한것같은데 도움좀 주실 능력자분 계신가요?

(링크참조)

 

이미지 크기가 제각각인데 그 이미지들이 정 가운데로 왔으면 좋겠습니다..

 

이상한건 밑에 버튼은 가운데로 오는데... 이미지만 안되네요..

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
9년 전
jquery.bxslider.css 24번째줄

.bx-wrapper img {
  1. max-width100%;
  2. displayblock;
  3. margin0 auto;
}
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

X
Xino
9년 전
어... 제가 이걸 못봤네요... 댓글 정말 감사합니다.

근데 링크 다시보시면 아시겠지만 약ㄱ간 오른쪽으로 쏠려있는데

이걸 정 가운데로 옮기려면 어떻게해야할까요??ㅜㅜㅜㅜㅜ

댓글을 작성하려면 로그인이 필요합니다.

만두야닷컴

ul class="sliderr" 에 스타일 추가해 줘보세요

</p><p><ul class="sliderr" style="width: auto; position: relative;"></p><p>를</p><p><ul class="sliderr" style="width: auto; position: relative;margin:0 auto"></p><p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

9년 전

li부분에 width:1904px로 되어있나요??

저부분을 width:96%로 하니깐 중간으로 맞긴한데

제대로 디버깅햇다기보다 넘긴 수준이라서...

도움이 될진 모르겠습니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

X
Xino
9년 전
sliderr 부분에 알수없는 margin-left:40px 이 들어가있어서
추가로 margin-left-40px 을 넣는 방법으로 해결하긴 했는데...
굉장히 찝찝하네요... 아무리 찾아봐도 40 자체가 없는데 어디서 들어간걸까요?ㅜㅜㅋㅋ

댓글을 작성하려면 로그인이 필요합니다.

9년 전



 

해당 소스는 정상적으로 가운데 정렬을 했습니다.

문제는  해당li와 img 영역이 오른쪽으로 쏠려있네요?

사진 왼쪽에 ? 부분이 비어서 오른쪽으로 밀려있어서 그런걸로 보입니다

저걸 잡아주셔야할듯합니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

X
Xino
9년 전
댓글 감사합니다 ! 저도 지금 그문제때문에 머리가 아프네요.... ㅠㅠㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인