본문 바로가기
반응형

퍼블리싱13

[CSS] 텍스트 속성 text-align, text-decoration; text-indent;text-justify,text-overflow, text-shadow 텍스트 속성 text-align, text-decoration; text-indent;text-justify,text-overflow, text-shadow text-aligninheritleftcenterrightjustify 글자의 배치를 "왼쪽 중앙 오른쪽"중 어느것을 기준으로 할지 결정한답니다. 이 중 가장 퍼블리셔를 골치 아프게 하는 속성이 justify입니다. text-justify와 함께 쓰입니다. text-align:inherit; (상위 속성 상속) text-align:left; text-align:center; text-align:right;text-decorationinheritnoneunderlineoverlineline-throughblink a 태그와 가장 많이 쓰이죠. link.. 2016. 8. 7.
[CSS 크로스브라우징] 크롬과 사파리 테이블에서 col width %값 인식 버그 position:absolute 오류 [크로스브라우징 CSS] 크롬, 사파리 테이블 col width %값 인식 bug- position:absolute 오류 콜 width % 오류 테스트 콜 width % 오류 테스트 35% 25% x% 5% checker checker checker checker 콜 width % 오류 테스트 IE 6.0 IE 8사파리 브라우저 크롬위에 보다시피 파이어폭스,인터넷 익스플로러에서는 별 문제 없어 보이지만, 크롬 브라우저와 사파리브라우저에서는 %로 테이블 col width 값을 준 경우에 간격이 모두 똑같아 보이는 현상이 생긴다. 이럴 때 테이블 caption의 스타일에 position:absolute가 들어 있어서 생긴다. 그렇다고 absolute를 빼버리면 top:-9999를 처리할 수가 없고, 이게 처.. 2015. 7. 27.
[CSS3] rgba(0,0,0,0.25) rgba(red, green, blue, alpha) vs opacity [CSS3] rgba(0,0,0,0.25) rgba(red, green, blue, alpha) vs opacityCSS3 rgba(0,0,0,0.25) rgba(red, green, blue, alpha) 텍스트의 color 값을 rgba 로 설정한다. rgba 는 red, green, blue, alpha 로 기존의 RGB이외에 알파값의 투명도까지 한번에 설정해줄 수 있다. 빨간색으로 설정하는경우 rgba(255, 0, 0, 1) 로 설정. R, G, B 값은 0~255 까지의 값을 가지며 a 값은 0~1 까지의 값을 가진다. 아래는 빨간색을 투명도 0.25로 설정한 것. 25%의 투명도 값을 갖게 된다. 25%의 투명도에 빨간색 텍스트100%의 투명도에 빨간색 텍스트 25%의 투명도에 빨간색 텍스트.. 2015. 7. 21.
브라우저가 자꾸 쿼크모드(Quirks Mode:관용모드)로 인식 될때 <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> 브라우저가 강제로 쿼크모드(Quirks Mode)로 인식 될때 쿼크모드(Quirks Mode:쿽스모드)는 구시대 웹 브라우저 버전에 맞추어서 개발된 웹페이지의 하위 호환성을 유지하기 위해 W3C나 IETF의 표준을 준수하는 표준모드가 아닌 방식으로 렌더링을 하는 기술모드를 지칭한다. 같은 태그라 하더라도, 브라우저마다 전혀 다른 결과를 표현하게 되므로, 크로스 브라우징에 방해가 된다. 쿼크모드로 동작하게 될 때는 대체로 DTD가 선언이 되어 있지 않거나, DTD를 잘못 선언했을 때 쿼크모드에 빠지게 된다.Q : Quirks Mode (하위버전 렌더링 호환성 유지 모드)A : Almost Standards Mode (표준에 준하는 모드)S : Standards Mode (표준 준수 모드)DTD의 종류IE6.. 2015. 7. 21.
IE7에서 미친듯한 P태그 내의 텍스트 반복 버그 문제 IE7에서 미친듯한 P태그 내의 텍스트 반복 버그 문제 이 문제를 정의하기는 참 애매한데...벌써 두번 째 보는 증상이라...우연이라 보기에도 석연치 않지만, 어쨓거나 발생하는 증상이니, 사람 미칠 노릇이다. IE9이상 브라우저에서 호환성 모드이거나 혹은 IE7 버전에서 종종 발생 되는 현상으로, P태그 내의 텍스트가 조금씩 잘리면서 반복되는 경우가 종종 있다. 이 것을 딱히 뭐라 정의하기 힘들고, 원인도 모르겠다. 하지만 대체로 공통적인 fact는 태그 초기화를 하지 않은 사이트들에서 종종 발생한다. 공통적인 특이점이 발견되었다면, 특이하지 않게 해주면 되지 않을까 해서, P { overflow: hidden} 을 CSS에 삽입해 보았다. 결론은 잘 나온다는 것이다. 굳이 overflow:hidden이.. 2015. 7. 18.
[웹 접근성] 메인 페이지와 동시에 열리는 팝업창의 접근성 문제 [웹 접근성] 메인 페이지와 동시에 열리는 팝업창의 접근성 문제 팝업창의 접근성. 사용자의 입장에서 서핑을 할 때 어떤 사이트에 접속하는 순간 수많은 팝업창들이 마구잡이로 뜨는 것이 결코 달갑지 않다. 오죽하면 마이크로소프트사도 IE에 팝업창 제거 기능을 기본으로 탑재를 했을까? 그러함에도 불구하고, 공무원들은 팝업창을 엄청나게 좋아한다. 그러한 고로. 결국엔 접근성이니, 시각 장애우들의 리더기가 개판을 치건...접근성 마크만 따면, 당연하다는 듯이 팝업을 띄워댄다. 팝업이 접근성에 위배되는 이유. 접근성 가이드라인에서 팝업은 사용자의 의지와 관계없이 새로운 창이 뜨게 되는 경우를 접근성에 위배된다고 본다. 컨텐츠 내에서 링크를 클릭해서 새창이 뜨거나 팝업이 뜨는 경우에는 "새 창 열림" 이나 "새 창으.. 2015. 6. 3.
반응형

티스토리툴바