웹마스터 팁

이걸 팁에 올려야 할지 고민 했는데요.

 

어디선가 누군가가 질문한 기억이 있어서요.

 

먼저 텍스트 링크나 이미지 링크에 점선이 생기지요. 특히 페딩을 줬을경우 양쪽, 아래위 같은 크기로 페딩을 하지 않았을경우 좀 그렇더군요.

 

dots.PNG

 

 

 저 점선을 없애는 방법으로 자바스크립트를 사용하시는 분들이 많은듯 해요. 혹은 링크마다 넣으라는 분들도 계시고요...

Code:
<script>
function removeFocusOnAllLinks(){
for(var i=0 ; i < document.links.length ; i++) 
document.links.onclick=blurLink; 
}
function blurLink() {
if (this.blur) this.blur(); 
}
window.onload=removeFocusOnAllLinks;
</script>

 

위의 스크립트 말고 혹은 스크립트로도 점선이 없어지지 않는다면 아래 CSS 추가로 간단히 없애는 방법도 있다는 허접한 팁이였습니다.

 

a { outline:0; }

 

 

 

제목 글쓴이 날짜
링크시 텍스트 혹은 이미지에 생기는 점선 CSS로 없애기 [9] file 겨우리851 2010.04.24
XE를 처음 접하거나 이제막 사이트개발을 하려는 초보자를 위한 XE 접근방법 [1] DuRi 2009.11.12
1.4.4.1 업데이트이후 이미지가 엑스박스로 뜨는 분들 참고 [1] 위드파트너 2010.10.04
관리화면(제어판)에서 게시판목록 많이 보기 [1] 연필깎는까치 2009.08.22
Google Analytics 코드 직접 추가해도 안되시는 분들! 연필깎는까치 2009.08.24
Cooliris 위젯 사용 삽질끝에 어이없게 알아낸 설치 방법 [2] 사탕 2009.09.01
ㅋㅋ계정용량 체크(php)팁. [2] mc뷰 2009.09.02
퀵타임 무비 화일 (mov) 화일을 퀵타임 플레이어로 재생하기 [2] thejaewoo 2009.09.08
이모티콘 액박으로 뜨시는 분들 ...이거 올려 주세요 [1] file apollos 2009.09.03
복수 도메인 사용 방법 [1] 박하향풍선껌 2009.09.07
활성 메뉴 위젯 file 박송휘 2009.09.10
XE 속도 향상 팁 (코어 수정 팁) [6] SMaker 2010.06.26
쉬운 설치 오류 해결..까지는 아니구요.. ㅎㅎ 차명기993 2010.09.07
css 배경이미지가 잘린다 싶을때... ForHanbi 2010.09.14
PHP 5.3.X 버전 사용자들 중 XE 최신버전의 위젯 생성, 텍스타일 등에서의 에러날 때... 비나무 2010.10.03
크로스 브라우징을 위한 css 초기화 [2] hhgyu 2010.10.05
게시판 가로사이즈 줄이기....[초보만 클릭] [4] 유팔복 2009.03.07
rewrite mod 설정, 해지 [1] 아름드리479 2007.08.22
textarea 에디터를 사용하는 리플에서 태그 막기 [2] file 老姜君 2009.02.22
1.4.4 판올림 이후 발생하는 문제들 - 개발자용 [10] June Oh 2010.09.30