HTML 코딩 ie8 css 애러 정보
HTML 코딩 ie8 css 애러
본문
제가 사이트 메뉴코딩을
li로 메뉴 넣고
이미지로 표시하고자
A링크
<a href="#" >메뉴</a>
이런 코딩을 했습니다.
그리고 css에서
a{width:46px;}을 적용했는데.
네.... ie8은 지원이 안되는지 표시가 안됩니다.. 크흠..
혹시 핵이라든지 대처법 알고 계신분 있나요?
li로 메뉴 넣고
이미지로 표시하고자
A링크
<a href="#" >메뉴</a>
이런 코딩을 했습니다.
그리고 css에서
a{width:46px;}을 적용했는데.
네.... ie8은 지원이 안되는지 표시가 안됩니다.. 크흠..
혹시 핵이라든지 대처법 알고 계신분 있나요?
댓글 전체
a:link, a:visited, a:active, a:hover {width:46px;}
로 해보실래요...
로 해보실래요...
옙 해보겠습니다. 결과는 댓글로 다시 달겠습니다
<a href='#'>메뉴</a> 의 메뉴가 이미지로 되어 있고, 그 이미지의 넓이가 46px 보다 크다면 지정하신 넓이대로 설정되지 않을 수도 있습니다.
만약 이런 경우라면
1. 이미지의 넓이가 46px 이하인 것으로 대체
2. a img {width:46px} 로 이미지의 넓이를 강제로 지정
3. a width style 을 이미지의 넓이와 동일하게 지정
하는 방법으로 해결하실 수 있습니다.
만약 이런 경우라면
1. 이미지의 넓이가 46px 이하인 것으로 대체
2. a img {width:46px} 로 이미지의 넓이를 강제로 지정
3. a width style 을 이미지의 넓이와 동일하게 지정
하는 방법으로 해결하실 수 있습니다.
먼저 a태그를 감싸고 있는 div또는 ul 또는 li에 클래스 명을 주시고
.클래스명 a{width:46px;; height:a태그높이값px; display:block;}
이런식으로 해보세요
a태그는 인라인 속성이라서 가로 세로값이 안먹을수도 있는데
블록속성으로 바꿔주면 가로세로 정확하게 적용됩니다
.클래스명 a{width:46px;; height:a태그높이값px; display:block;}
이런식으로 해보세요
a태그는 인라인 속성이라서 가로 세로값이 안먹을수도 있는데
블록속성으로 바꿔주면 가로세로 정확하게 적용됩니다
