css 적용시, ie7 과 파이어폭스에서 차이점... 정보
css 적용시, ie7 과 파이어폭스에서 차이점...본문
CSS에 요즘 빠져있는데...정말 헷갈리는군요. -_- ;;
아래처럼 코드를 만들었는데 IE7에서는 링크색상이 이상이 없는데
파이어폭스에서는 링크글자가 '검은색'으로 출력이 되는군요.
링크의 배경부분을 테이블로 감싸서 진한 청색을 해서, 그래서 링크글자를 '흰색'으로 처리한건데
파이어폭스에서는 검정색으로 링크글자가 보여지네요.
한번 봐주시겠습니까..?
css초보수준이라 만약 좀더 편리하게 코드를 수정한다면 어떤식으로 손보는게 좋을지에 대한
조언 or 방법도 좀 부탁드립니다.
[아래 댓글 부분]
추천
0
0
댓글 3개
<style>
.top_best { font:bold 12px tahoma, AppleGothic, sans-serif; color:#333; }
a:link.top_best, a:visited.top_best, a:active.top_best {color:'#ffffff'; text-decoration:none;}
a:hover.top_best {color:'#FFFF00'; text-decoration:underline;}
</style>
<div class='top_best'>
ㆍ<a class='top_best' href="http://www.findall.co.kr" target="_blank">벼룩시장</a>
ㆍ<a class='top_best' href="http://schedule.epg.co.kr" target="_blank">TV편성표</a>
ㆍ<a class='top_best' href='http://www.645lotto.net' target='_blank'>Lotto 복권</a>
ㆍ<a class='top_best' href="http://www.630.co.kr" target="_blank">날씨</a>
ㆍ<a class='top_best' href="http://www.koreapost.go.kr/servlet/kpp.post.PostInfo" target="_blank">우편번호</a>
</div>
.top_best { font:bold 12px tahoma, AppleGothic, sans-serif; color:#333; }
a:link.top_best, a:visited.top_best, a:active.top_best {color:'#ffffff'; text-decoration:none;}
a:hover.top_best {color:'#FFFF00'; text-decoration:underline;}
</style>
<div class='top_best'>
ㆍ<a class='top_best' href="http://www.findall.co.kr" target="_blank">벼룩시장</a>
ㆍ<a class='top_best' href="http://schedule.epg.co.kr" target="_blank">TV편성표</a>
ㆍ<a class='top_best' href='http://www.645lotto.net' target='_blank'>Lotto 복권</a>
ㆍ<a class='top_best' href="http://www.630.co.kr" target="_blank">날씨</a>
ㆍ<a class='top_best' href="http://www.koreapost.go.kr/servlet/kpp.post.PostInfo" target="_blank">우편번호</a>
</div>
a.top_best:link a.top_best:visited 의 형태가 맞지 않나요?
웁스~~ㅋ...
맞습니다....^^;; ㅎ~~ thank u .. ^^
맞습니다....^^;; ㅎ~~ thank u .. ^^