이미지 중간정렬
본문
그누보드에서 상품 등록할때 상품 상세페이지에서 이미지를 올리고 중간정렬을 했습니다.
상품상세페이지 편집 화면에서는 중간정렬 되어서 뜨는데요
등록 후, 이미지를 클릭해서 들어가면 중간정렬이 적용이 안되있어요 전부다 ㅠㅠ
왜그러죠...?
도와주세요....제발...ㅠㅠ
답변 7
1. 크롬으로 접속
2. 해당 이미지에 마우스 커서 찍기
3. 마우스 오른쪽 눌러 요소 검사
4. 우측 하단에서 해당 css 위치 확인
5. 해당 이미지 요소의 부모 요소에 text-align:center 넣거나.
이미지 요소 자체에 display:block; margin:0 auto; 넣으시면 됩니다.
링크주소를 남겨주셔야 보고 판단할 수 있겠죠.
편집 화면에서라면 에디터에서의 경우같은데, 에디터 외적인 부분에서 CSS로 img에 대한 다른 처리가 있을수도 있습니다.
CSS 우선순위에 따라 정렬이 안되고 있지 않을까 싶네요.
주소는 chuuuuri2.cafe24.com이예용 ㅠㅠ
메인에 보시면 제가 올려놓은 상품목록 뜰꺼예요 ㅠㅠ
상품이지미 클릭하면 상품 상세정보에 올려놓은 이미지들이 중간정렬이 안되용..도와주세요
상품 상세정보에 이미지 올리신건가요?
노출이 안되고 있습니다.
사이트주소 치면 제일먼저 뜨는 메인화면에서
아래로 스크롤내리시면 등록한 상품 몇가지 있어용 ㅠㅠ
부탁드려요..
.item-explan img {margin: 0 auto} 추가해보세요.
어디에 어떻게 추가하죠...ㅠㅠ?제가 완전 초보라서용...ㅠㅠ
상품이미지 넣는부분에 추가하니 아무런변화가 없어요
영카트 > theme > 자신이 사용하는 테마 > skin > shop > 자신이 사용하는 shop 테마 > 안에 style.css 파일이 있을겁니다. 거기 마지막에 추가해보세요.
위치 찾기 힘들 땐, 저 같은 경우 해당 요소가 있는 html 코드 주변에
style="border:10px solid red;" 코드를 넣어
레이아웃 및 각 요소가 어디에 해당하는지 파악 후 작업하고 있습니다.
그럼, 어떤 요소에 어떤 코드를 넣어야 할지 감이 오더라구요..
sinbi님, 흉내쟁이님 감사합니다 ㅠㅠㅠㅠㅠ 둘다 해보았는데
sinbi님 방법으로 하니 적용이 되네용!
두분다 감사드려요 ㅠㅠㅠ흑흑 쨩!