상품리스트 페이지 상단에 출력하는 HTML 내용입니다.
이부분에
<img src="그림 주소" width="100%" height="" />
이렇게 하면 이미지는 출력잘되는데 크기 태그소가 먹히질않아요.
다시 수정 들어가보면
<img src="그림 주소" />
이렇게 변경되어있습니다 ㅠㅠ 어디를 손봐야할까요?
답변 2개 / 댓글 9개
채택된 답변
+20 포인트
sinbi크기 조절이 목적이시면 굳이 인라인방식으로 크기 지정 안 해도 됩니다.
아래 방법으로 해당 이미지 선택자를 파악 후, 스타일 추가하시면 돼요.
https://homzzang.com/b/css-251
만약, 오직 그 이미지만 변경하고 싶으시면
이미지에 id="hz" 속성 추가 후 스타일 파일에 아래처럼 넣으시면 됩니다.
#hz {width:OOpx; height:auto}
답변에 대한 댓글 7개
5년 전
sinbi
5년 전
그림 자체에 아이디를 안 주더라도,
주변의 선택자를 이용해 해당 이미지를 특정 가능합니다.
아래 좌표 참고해 공부해 보세요.
https://homzzang.com/b/css?sca=selector
주변의 선택자를 이용해 해당 이미지를 특정 가능합니다.
아래 좌표 참고해 공부해 보세요.
https://homzzang.com/b/css?sca=selector
5년 전
여러테스트 해보니.
<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% 이부분이 계속 지워지네요 ㅠㅠ
<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% 이부분이 계속 지워지네요 ㅠㅠ
5년 전
말씀해주신대로 적용 잘적용됨.
근데 여기서 확인 누르면.
이렇게 자동으로 다지워집니당. ㅜㅠㅜ
답변에 대한 댓글 2개
sinbi
5년 전
1.
이미지가 흐릿해서 알아볼 수 없습니다.
2.
<style> 태그는 에디터 등록 불가합니다.
내부스타일로 정의된 스타일은 해당 파일이나 css 확장자 파일에 직접 넣으셔야 합니ㅏㄷ.
https://homzzang.com/b/css-3
이미지가 흐릿해서 알아볼 수 없습니다.
2.
<style> 태그는 에디터 등록 불가합니다.
내부스타일로 정의된 스타일은 해당 파일이나 css 확장자 파일에 직접 넣으셔야 합니ㅏㄷ.
https://homzzang.com/b/css-3
답변을 작성하려면 로그인이 필요합니다.
<style>
#hz {width:OOpx; height:auto}
</style>
<id="hz" img src="그림 주소" />
이렇게 완성하면될까요 !?