야후에서 제시하는 공통적인 웹접근성을 쉽게 마련하는 방법이라고 한다.

쉽기는 하지만, 이거 완전 노가다라서 GG 치고 싶다.


http://yaccessibilityblog.com/library/easy-fixes-to-common-accessibility-problems.html




저작자표시

'tech > html/css' 카테고리의 다른 글

[파이어폭스] 마우스이벤트에서 펑션 호출 시 ID 값  (0) 2012.03.14
라운딩 박스 css  (0) 2011.03.27
div 이미지 삽입 시 줄바꿈, 공백 현상 제거 css  (0) 2011.03.25
a 링크 테두리 없애 봅시다.  (0) 2011.03.25
css 이미지 점선, 링크 점선 없애기  (4) 2009.01.15




<input type="checkbox" name="cats" value="Student" onclick="toggle_view2(add_Form)" />

이런게 있으면, 익스플로러에서는 잘 보이고, 정상 작동합니다.
add_From ID 값은 익스플로러에서는 잘 되나...
파이어폭스에서는 add_Form is not defined 이라고 에러 뜹니다.

<input type="checkbox" name="cats" value="Student" onclick="toggle_view2(document.getElementById('add_Form'))" />

이렇게 직접적으로 getElementById로 지정해주시면 됩니다.
저작자표시

'tech > html/css' 카테고리의 다른 글

yahoo에서 제시한 웹접근성  (0) 2012.11.24
라운딩 박스 css  (0) 2011.03.27
div 이미지 삽입 시 줄바꿈, 공백 현상 제거 css  (0) 2011.03.25
a 링크 테두리 없애 봅시다.  (0) 2011.03.25
css 이미지 점선, 링크 점선 없애기  (4) 2009.01.15





.rtop, .rbottom{display:block; background: #FFFFFF;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; }

.r { text-align: center; width:80px; font: bold 12px; color: #000000 }
.r1 { margin: 0 5px; background: #DEDEDE; height: 1px; }
.r2 { margin: 0 3px; border: solid #DEDEDE; border-width: 0 2px; }
.r3 { margin: 0 2px; border: solid #DEDEDE; border-width: 0 1px; }
.r4 { margin: 0 1px; border: solid #DEDEDE; border-width: 0 1px;  height: 2px}
.rc { border: solid #DEDEDE; border-width: 0 1px; }


<div class="r">

<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b>

<b class="r4"></b></b>

<div class="rc">
<a href='<? echo "$g_dir/index.php" ?>' target="_blank">상점가기</a>
</div>

<b class="rbottom"><b class="r4"></b><b class="r3"></b> <b class="r2"></b>

<b class="r1"></b></b></div>



출처 : http://inxight.blogspot.com/2009/07/%EB%AA%A8%EC%84%9C%EB%A6%AC%EA%B0%80-%EB%91%A5%EA%B7%BC-%EB%B0%95%EC%8A%A4-css.html
저작자표시

'tech > html/css' 카테고리의 다른 글

yahoo에서 제시한 웹접근성  (0) 2012.11.24
[파이어폭스] 마우스이벤트에서 펑션 호출 시 ID 값  (0) 2012.03.14
div 이미지 삽입 시 줄바꿈, 공백 현상 제거 css  (0) 2011.03.25
a 링크 테두리 없애 봅시다.  (0) 2011.03.25
css 이미지 점선, 링크 점선 없애기  (4) 2009.01.15




div 안에 이미지를 넣으면 공백이 생깁니다.
이것을 없앨려면

vertical-align: middle; 를 넣으면 됩니다.

img { vertical-align: middle;  }
저작자표시

'tech > html/css' 카테고리의 다른 글

yahoo에서 제시한 웹접근성  (0) 2012.11.24
[파이어폭스] 마우스이벤트에서 펑션 호출 시 ID 값  (0) 2012.03.14
라운딩 박스 css  (0) 2011.03.27
a 링크 테두리 없애 봅시다.  (0) 2011.03.25
css 이미지 점선, 링크 점선 없애기  (4) 2009.01.15




CSS 파일에서

a { selector-dummy:expression(this.hideFocus=true); } 을 추가하면 a 링크 파란색 테두리가 없어집니다.
저작자표시

'tech > html/css' 카테고리의 다른 글

yahoo에서 제시한 웹접근성  (0) 2012.11.24
[파이어폭스] 마우스이벤트에서 펑션 호출 시 ID 값  (0) 2012.03.14
라운딩 박스 css  (0) 2011.03.27
div 이미지 삽입 시 줄바꿈, 공백 현상 제거 css  (0) 2011.03.25
css 이미지 점선, 링크 점선 없애기  (4) 2009.01.15

img{
border:none;
}

-=-=-=-=-=-=-=-=-=-=-=-=-


a.img, input {
selector-dummy: expression(this.hideFocus=true);}
img{
border:none;
}

'tech > html/css' 카테고리의 다른 글

yahoo에서 제시한 웹접근성  (0) 2012.11.24
[파이어폭스] 마우스이벤트에서 펑션 호출 시 ID 값  (0) 2012.03.14
라운딩 박스 css  (0) 2011.03.27
div 이미지 삽입 시 줄바꿈, 공백 현상 제거 css  (0) 2011.03.25
a 링크 테두리 없애 봅시다.  (0) 2011.03.25

+ Recent posts

티스토리툴바