마인드핵

HTML 코딩 ie8 css 애러

· 2012-10-22 (월) 09:10:34 · 1950 · 4
제가 사이트 메뉴코딩을
li로 메뉴 넣고

이미지로 표시하고자

A링크

<a href="#" >메뉴</a>

이런 코딩을 했습니다.
그리고 css에서

a{width:46px;}을 적용했는데.

네.... ie8은 지원이 안되는지 표시가 안됩니다.. 크흠..
혹시 핵이라든지 대처법 알고 계신분 있나요?
|

댓글 4개

a:link, a:visited, a:active, a:hover {width:46px;}
로 해보실래요...
옙 해보겠습니다. 결과는 댓글로 다시 달겠습니다
2012-10-22 (월) 11:26:58
<a href='#'>메뉴</a> 의 메뉴가 이미지로 되어 있고, 그 이미지의 넓이가 46px 보다 크다면 지정하신 넓이대로 설정되지 않을 수도 있습니다.
만약 이런 경우라면
1. 이미지의 넓이가 46px 이하인 것으로 대체
2. a img {width:46px} 로 이미지의 넓이를 강제로 지정
3. a width style 을 이미지의 넓이와 동일하게 지정
하는 방법으로 해결하실 수 있습니다.
먼저 a태그를 감싸고 있는 div또는 ul 또는 li에 클래스 명을 주시고

.클래스명 a{width:46px;; height:a태그높이값px; display:block;}

이런식으로 해보세요
a태그는 인라인 속성이라서 가로 세로값이 안먹을수도 있는데
블록속성으로 바꿔주면 가로세로 정확하게 적용됩니다
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
12-10-22 조회 2,352
12-10-22 조회 1,638
12-10-22 조회 3,128
12-10-22 조회 2,042
12-10-22 조회 849
12-10-22 조회 1,951
12-10-22 조회 1,048
12-10-22 조회 1,841
12-10-22 조회 1,644
12-10-21 조회 1,093
12-10-21 조회 1,663
12-10-21 조회 1,052
12-10-21 조회 4,200
12-10-21 조회 789
12-10-21 조회 1,058
12-10-21 조회 824
12-10-21 조회 823
12-10-21 조회 1,125
12-10-21 조회 2,098
12-10-21 조회 1,624