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