로고 이미지 늘어짐 채택완료

로고 이미지가 우측에 있는게 원래 크기입니다

그런데 좌측처럼 박스테두리를 치니까 로고가 가로로 늘어나요 ㅠㅠ

이미지가 늘어나지 않게 하려면 어떻게 해야하죠?

도와주세용....ㅜ.ㅜ

d189424300598d52c7d49528617c5631_1488515158_0443.png
 

답변 7개

채택된 답변
+20 포인트

브라우저 상으로 확인하면, 이미지 크기 담당하는 부위는 저 부분이 맞습니다.

.subb > .right > .list li img 이게 이미지 요소를 가리키는 선택자거든요.

자세한 건 소스를 전체적으로 뜯어봐야 하는데, 이건 질게 수준이 아니라서....

다른 코드의 영향을 받아 그런 것일 수 있느니, html 코드 부분부터 살펴보심이...

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

답변에 대한 댓글 1개

다른방법으루 해결했어요! 답변 하나하나 달아주셔서 감사해용 ㅠㅠㅠㅠ 짱친절!!
감사합니당^.^

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

아래 부분을 조정해 보세요.

http://chuuuuri2.cafe24.com/thema/Basic/customer/top.css 

subb > .right > .list li img {
  1. displaytable-cell;
  2. width:130px;
  3. height:78px;
  4. border1px solid #e1e1e1;
  5. background-color#ffffff;
  6. text-aligncenter;
  7. vertical-alignmiddle;
로그인 후 평가할 수 있습니다

답변에 대한 댓글 6개

이 값을 조정하니까 박스크기가 줄어들어요...
박스크기는 130*78로 하구 이미지는 98*80 으로 하구싶어요

박스크기에따라 이미지가 늘어나는 것 같아요 늘어지지 않고 고정되게 하는방법은 없을까요??ㅜㅜ
위의 iimportant 선언 적용해 보세요.
해당 html 코드 찾아서, style="border:10px solid red;" 코드 넣어서 어떤 요소가 어디 부위를 차지하는지 먼저 파악해 보세요.
제가 정말 초보라서 그러는데요...ㅠㅠ important 적용할때 속성이랑 속성값을 무슨 수치를넣으면되죠?
이미지크기를 넣나요 아니면 박스크기를 넣나요 ㅠㅠ?
현재, 어떤 요소가 어디 부위를 차지하는지 잘 모르시고 계신 것 같아요.
앞서 말씀드린 것처럼 해당 요소가 어떻게 생겼는지 파악해 보세요.

!important 는 다른 코드보다 가장 먼저 적용되도록 하는 역할 합니다.

예르 들어, width:90px !important 식으로 하면, 무조건 이 값이 우선 적용 돼요.
.subb > .right > .list li img {
display: table-cell;
width: 130px;
height: 78px;
border: 1px solid #e1e1e1;
background-color: #ffffff;
text-align: center;
vertical-align: middle;
}

이부분이 박스테두리와 사이즈라는건 알아요
전 이미지크기가 박스 사이즈에 따라 늘어나지 않고 원래의 크기대로 고정 하는방법이 궁금해요 ㅠㅠ

이미지크기는 98*80 사이즈예요
근데 이미지가 박스 크기에 맞춰 늘어 나더라구요

이미지크기는 어디 수치로 입력하는것이 아니라 이미지자체를 만들때 사이즈를 정하고 만들잖아요
그러니 이미지 수치를 값변경으로 어떻게 할 수 있는게 아니지 않나요...?

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

박스크기는 130*78로 하구 이미지는 98*80으로 했는데요

박스크기에 상관없이 이미지를 98*80사이즈로 고정 시키고 싶어요 ㅠㅠ

박스크기만큼 이미지도 같이 늘어난것같아요.. 

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

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

1. 이미지에 어디가 어떻다는 식으로 표시를 해주세요.  위 이미지만 봐서는...

2. 이미지와 도메인 좌표가 조그많게 보이지만, 알아보기 힘듭니다.

3. 도뭄을 청할 땐, 도움드리는 사람이 쉽게 문제점을 파악할 수 있도록,

    관련 부분 소스를 공개하시거나, 도메인 좌표를 링크1에 넣어주세요.

4. 위처럼 질문하시면, 다시 빼라는 말씀밖에 드릴 게 없어요.

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

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

chuuuuri2.cafe24.com 이예용.... ㅠㅠ

브랜드로고 이미지사이즈는 98*80 pixel 이예요

박스 테두리 치니까 이미지가 가로로 늘어졌어요 ㅠㅠㅠ

부탁드려요...보들이윤님...가르쳐주세요....제발ㅠㅠ 

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

답변에 대한 댓글 1개

가봤는데, 별 이상 없어 보이는데요.
http://chuuuuri2.cafe24.com/ 이렇게 링크를 넣어주시면 찾아가기 더 편할 것 같습니다. ㅎ

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

작업하는 사이트주소나 소스를 봐야 알듯합니다.

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

답변에 대한 댓글 1개

http://chuuuuri2.cafe24.com 이예용.... ㅠㅠ



박스크기는 130*78로 하구 이미지는 98*80으로 했는데요

박스크기에 상관없이 이미지를 98*80사이즈로 고정 시키고 싶어요 ㅠㅠ

박스크기만큼 이미지도 같이 늘어난것같아요..

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

이렇게만 봐서는 제안을 드리기 힘드네요 소스가 어떻게 되어 있는지 상태를 봐야 정확한 답변을 얻으실수 있을듯 합니다.

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

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

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

로그인
🐛 버그신고