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

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


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








<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로 지정해주시면 됩니다.





.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




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

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

img { vertical-align: middle;  }




CSS 파일에서

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

img{
border:none;
}

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


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

+ Recent posts