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

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

장똥 4년 전 조회 3,193

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

 

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

 

 

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

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

답변 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 감싸서 해결했습니다!

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

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

로그인