영카트 상품리스트 상단내용

영카트 상품리스트 상단내용

QA

영카트 상품리스트 상단내용

답변 2

본문

상품리스트 페이지 상단에 출력하는 HTML 내용입니다.

 

이부분에 
<img src="그림 주소" width="100%" height="" />

이렇게 하면 이미지는 출력잘되는데 크기 태그소가 먹히질않아요. 
다시 수정 들어가보면

 

<img src="그림 주소"  />

 

이렇게 변경되어있습니다 ㅠㅠ 어디를 손봐야할까요?

이 질문에 댓글 쓰기 :

답변 2

크기 조절이 목적이시면 굳이 인라인방식으로 크기 지정 안 해도 됩니다.

 

아래 방법으로 해당 이미지 선택자를 파악 후, 스타일 추가하시면 돼요.

https://homzzang.com/b/css-251

 

만약, 오직 그 이미지만 변경하고 싶으시면

이미지에 id="hz" 속성 추가 후 스타일 파일에 아래처럼 넣으시면 됩니다.

#hz {width:OOpx; height:auto}

 

여러테스트 해보니.
<img src="/img/ca/5.jpg" style="height:auto;width:1196px;" alt="5.jpg">
이렇게는 적용됩니다,
근데.
<img src="/img/ca/5.jpg" style="height:auto;width:100%;" alt="5.jpg">
이렇게 하면.
<img src="/img/ca/5.jpg" style="height:auto;" alt="5.jpg">

width:100% 이부분이 계속 지워지네요 ㅠㅠ

말씀해주신대로 적용 잘적용됨.
thumb-3412371729_1610368686.863_730x214.jpg

근데 여기서 확인 누르면.
thumb-3412371729_1610368708.0353_730x207.jpg

이렇게 자동으로 다지워집니당. ㅜㅠㅜ

1.
이미지가 흐릿해서 알아볼 수 없습니다.

2.
<style> 태그는 에디터 등록 불가합니다.
내부스타일로 정의된 스타일은 해당 파일이나 css 확장자 파일에 직접 넣으셔야 합니ㅏㄷ.
https://homzzang.com/b/css-3

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 68
© SIRSOFT
현재 페이지 제일 처음으로