테스트 사이트 - 개발 중인 베타 버전입니다

영카트 상품리스트 상단내용 채택완료

장똥 4년 전 조회 3,191

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

 

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

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

 

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

 

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

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

답변 2개

채택된 답변
+20 포인트
s
sinbi Expert
4년 전

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

 

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

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

 

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

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

#hz {width:OOpx; height:auto}

 

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

답변에 대한 댓글 7개

장똥
4년 전
그렇다면 .
<style>
#hz {width:OOpx; height:auto}
</style>

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

이렇게 완성하면될까요 !?
s
sinbi
4년 전
<img src="그림 주소" id="hz" />
s
sinbi
4년 전
그림 자체에 아이디를 안 주더라도,
주변의 선택자를 이용해 해당 이미지를 특정 가능합니다.
아래 좌표 참고해 공부해 보세요.
https://homzzang.com/b/css?sca=selector
장똥
4년 전
감사합니다 하지만 말씀해주신데로 처리해도 확인누르면 ㅠㅠ 다지워지고 다시 원본으로 돌아오네요
s
sinbi
4년 전
해당 증상을 테스트해 볼 방법을 아주 자세히 설명해 주세요.
장똥
4년 전
이미지 올릴수가없어서 댓글로 작성해놨습니다 !
장똥
4년 전
여러테스트 해보니.
<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% 이부분이 계속 지워지네요 ㅠㅠ

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

4년 전

말씀해주신대로 적용 잘적용됨.

근데 여기서 확인 누르면.

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

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

답변에 대한 댓글 2개

s
sinbi
4년 전
1.
이미지가 흐릿해서 알아볼 수 없습니다.

2.
<style> 태그는 에디터 등록 불가합니다.
내부스타일로 정의된 스타일은 해당 파일이나 css 확장자 파일에 직접 넣으셔야 합니ㅏㄷ.
https://homzzang.com/b/css-3
장똥
4년 전
감사합니다.
스타일 시트 만들고.
div 감싸서 해결했습니다!

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

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

로그인