채택완료

이미지 중간정렬

2017-02-23 (목) 10:15:37 4,069

그누보드에서 상품 등록할때 상품 상세페이지에서 이미지를 올리고 중간정렬을 했습니다.

상품상세페이지 편집 화면에서는 중간정렬 되어서 뜨는데요

등록 후, 이미지를 클릭해서 들어가면 중간정렬이 적용이 안되있어요 전부다 ㅠㅠ

왜그러죠...?

도와주세요....제발...ㅠㅠ 

|

답변 7개 / 댓글 3개

채택된 답변
+20 포인트

1. 크롬으로 접속

2. 해당 이미지에 마우스 커서 찍기

3. 마우스 오른쪽 눌러 요소 검사

4. 우측 하단에서 해당 css 위치 확인

5. 해당 이미지 요소의 부모 요소에 text-align:center 넣거나.

   이미지 요소 자체에 display:block; margin:0 auto;  넣으시면 됩니다.

sinbi님, 흉내쟁이님 감사합니다 ㅠㅠㅠㅠㅠ 둘다 해보았는데

sinbi님 방법으로 하니 적용이 되네용!

두분다 감사드려요 ㅠㅠㅠ흑흑 쨩! 

위치 찾기 힘들 땐, 저 같은 경우 해당 요소가 있는 html 코드 주변에  

style="border:10px solid red;" 코드를 넣어 

레이아웃 및 각 요소가 어디에 해당하는지 파악 후 작업하고 있습니다.  

 

그럼, 어떤 요소에 어떤 코드를 넣어야 할지 감이 오더라구요..

어디에 어떻게 추가하죠...ㅠㅠ?제가 완전 초보라서용...ㅠㅠ

상품이미지 넣는부분에 추가하니 아무런변화가 없어요

답변에 대한 댓글 1개

영카트 > theme > 자신이 사용하는 테마 > skin > shop > 자신이 사용하는 shop 테마 > 안에 style.css 파일이 있을겁니다. 거기 마지막에 추가해보세요.

사이트주소 치면 제일먼저 뜨는 메인화면에서

아래로 스크롤내리시면 등록한 상품 몇가지 있어용 ㅠㅠ

부탁드려요.. 

답변에 대한 댓글 1개

.item-explan img {margin: 0 auto} 추가해보세요.

주소는 chuuuuri2.cafe24.com이예용 ㅠㅠ

메인에 보시면 제가 올려놓은 상품목록 뜰꺼예요 ㅠㅠ

상품이지미 클릭하면 상품 상세정보에 올려놓은 이미지들이 중간정렬이 안되용..도와주세요 

답변에 대한 댓글 1개

상품 상세정보에 이미지 올리신건가요?
노출이 안되고 있습니다.
2017-02-23 (목) 10:28:53

링크주소를 남겨주셔야 보고 판단할 수 있겠죠.

편집 화면에서라면 에디터에서의 경우같은데, 에디터 외적인 부분에서 CSS로 img에 대한 다른 처리가 있을수도 있습니다.

CSS 우선순위에 따라 정렬이 안되고 있지 않을까 싶네요.  

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