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

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

QA

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

본문

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

 

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

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

 

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

 

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

이 질문에 댓글 쓰기 :

답변 2

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

 

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

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

 

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

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

#hz {width:OOpx; height:auto}

 

그림 자체에 아이디를 안 주더라도,
주변의 선택자를 이용해 해당 이미지를 특정 가능합니다.
아래 좌표 참고해 공부해 보세요.
https://homzzang.com/b/css?sca=selector

여러테스트 해보니.
<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

답변을 작성하시기 전에 로그인 해주세요.
전체 0 | RSS
QA 내용 검색
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 질문이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT