본문 바로가기

xhtml

pre 자동 줄 바꿈 http://egloos.zum.com/tsquare0/v/2766186 pre {word-wrap: break-word;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-break:break-all;} 더보기
select 바로가기 버튼 선택하세요...네이버다음네이트구글야후 선택하세요... 네이버 다음 네이트 구글 야후 더보기
ie 10 table border값 버그 table 에 적용된 border-collapse: collapse; 값 때문에 IE10 에서 td border-bottom 가 보였다 안보였다 하는 현상. 직접 border 를 그려줘야 하는것 같음. table.tbl_list { border-collapse: separate; border-spacing: 0; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea;}table.tbl_list th { border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}table.tbl_list td { border-right: 1px solid #eaeaea; border-bottom: 1px so.. 더보기
이미지 대체 사용 팁! placehold.it 출처 - http://dolly77.tistory.com/28 웹페이지를 디자인하다보면 이미지를 아직 완성하지 못해 넣을 수 없는 경우가 있습니다.이미지 크기는 아는데 아직 이미지가 없을 때 사용할 수 있는 좋은 방법이 있습니다.placehold.it는 원하는 크기의 이미지를 제공해 주는 사이트입니다. http://placehold.it/ placehold.it 을 사용한 이미지 더보기
디지털저작권 거래소 [서브페이지][gnb][전체메뉴][달력] 더보기
양산부산대학교 gnb메뉴_ 전체메뉴 더보기
민원 24 메인 소스 더보기
브라우져벌 체크 얼럿창 띄우는 스크립트 http://api.jquery.com/jquery.browser/#jQuery-browser1jQuery 로도 선택할수있네요.물론 1.9 에서 제거 ㅠㅠ [출처] 브라우저별 팝업창 (하드코딩하는사람들) |작성자 웹리네어 더보기
서울아산병원 더보기
세란병원 더보기
익스플로러 인쇄 옵션 더보기
META 태그 //문자 인코딩 //60초 마다 새로고침 //주소로 5초후 이동 //캐쉬가 되지 않게 //캐쉬 만료(파기)일 //페이지 들어갈때 트랜지션 효과(장면 전환 효과) //페이지 나갈때 트랜지션 효과(장면 전환 효과) 출처 - h.. 더보기
table(테이블) 상단 border(보더)값이 사라지는 버그 .board-view table {border-top: 1px solid #cfcbbd;border-collapse:separate;border-spacing:0px;} border-collapse:separate;border-spacing:0px; •separate : 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다. •collapse : 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다. •initial : 기본값으로 설정합니다. •inherit : 부모 요소의 속성값을 상속받습니다 더보기
<textarea rows="6" cols="30" style="width:725px;margin-top:10px;" readonly="readonly"> □ 개인(신용)정보의 수집·이용 목적 귀하의 개인(신용)정보는 재단과의 신용보증, 융자추천, 서울시 수탁업무 또는 채권관리와 관련하여 신용조회회사 또는 신용정보집중기관에 귀하의 개인(신용)정보를 조회하기 위한 목적으로 수집·이용됩니다. □ 수집·이용할 개인(신용)정보의 항목 수집·이용되는 귀하의 개인(신용)정보는 다음과 같습니다. ▶ 개인(신용)정보: [성명, 주민등록번호 등 고유식별정보, 주소, 전화번호 등 연락처] □ 개인(신용)정보의 보유·이용 기간 귀하의 개인(신용)정보는 수집·이용에 관한 동의일로부터 본인에 대한 신용정보 제공·조회 동의의 효력 기간까지 보유·이용됩니다. 단, 신용정보 제공·조회 동의의 효력 기간 종료 후 에는 금융사고 조사, 분쟁 해결, 민원처리 및 법령상 의무 이행만을 위하여.. 더보기
온라인으로 웹폰트 만들어 주는 주소 http://onlinefontconverter.com/ 더보기
사파리 크롬 파이어폭스 textarea에 사이즈 고정 태그 textarea {resize:none;} 더보기
pdf 웹으로 띄워서 바로 보기 http://docs.google.com/gview?url=http://www.seouldesign.or.kr/eng\exhibition/GDCO_leaflet.pdf&embedded=true" style="width:60%; height:700px" frameborder="0"> 더보기
ie6 브라우져 안내문.. 사용하고 계신 브라우저는 Internet Explore 6 이하입니다. 홈페이지는 Internet Explore 8 이상에서 최적화 되어 있습니다.  웹 브라우저를 업그레이드 해 보세요. http://www.microsoft.com/korea/ie" style="color:#fff;">최신 브라우져 바로가기 https://www.google.com/intl/ko/chrome/browser/" style="color:#fff;">크롬 바로가기 http://www.mozilla.or.kr/ko/firefox/new/" style="color:#fff;">파이어폭스 바로가기 http://www.opera.com/ko/computer/windows" style="color:#fff;">오페라 바로가기 http:.. 더보기
ie10 에 버그 input 수정 남자 label span {vertical-align:top; margin-top:1px; display:inline-block;} 더보기
ie7 a태그 클릭 영역 지정 오류 gnb 클릭영역을 폰트로 지정시 클릭 영역 클릭이 지정 영역이 안나오는 버그가 있다 이경우 width값을 써서 그 영역을 따로 지정해주거나 padding값을 주어서 영역을 지정.. 또는 png나 gif를 통해 영역을 지정해주는 방법이 있다 더보기
max-height max-height ... 평소에는 거의 쓸일이 없어서.. 안 쓰던 소스인데.. 이번에 테이블에 overflow-y:scroll;를 내는 부분에서 확인하다 보니 알게된 몇가지 사실 1. overflow-y:auto;로 테이블이 크기가 유동적으로 변경이 생겨도 오른쪽에 스크롤 부분이 사라졌다 나타났다.. 깔끔하게 나타난다 2, min-height 를 쓸경우 스크롤이 생기지 않으므로.. max-height값으로 스크롤을 나타내게 한다 더보기
ie7 overflow-y:scroll 버그 width 100%에 스크롤 넓이값 17px값이 넘친다고 함 overflow-y:scroll; overflow-x:hidden; .padding-right:17px; *zoom:1 더보기
레이어팝업 하루동안... 출처 : http://blog.naver.com/mirya_net/90132804206 레이어팝업 하루동안 열지않음 과 그냥 닫기 경기도 정보통신망 인프라 구축에 따른 홈페이지 일시중단 안내 ○ 중단일시 - 2018.2.10.(토) 18:00 ~ 2.11.(일) 06:00 - 2018.2.13.(화) 22:00 ~ 2.14.(수) 06:00 ※ 서비스 중단 시간은 작업 상황에 따라 다소 변동될 수 있음 ○ 중단사유 : 경기도 정보통신망 장비 교체 ○ 중단업무 - 부천시, 행정복지센터, 보건소, 예약, 대형폐기물, 상수도 등 전체 홈페이지(전자민원 포함) - 회원통합관리서비스(SSO) 등 닫기 오늘 하루 열지 않기 더보기
embed 동영상 태그 출처-http://pierload.x-y.net/embed/mov.htm 동영상(embed) 태그 모든 멀티미디어는 기본적으로 태그를 씁니다. (ex - ) 예를들면 음악(mp3,wma,mid), 플래시(swf)등은 모두 이 태그로 이루어 지죠. 동영상도 마찬가지입니다. 동영상의 확장자는 avi,wmv,asf,asx,mpg,mpeg 등이 있으며 모두embed 태그로 나타냅니다. 예제로 쓸 동영상파일 하나를 주웠(;;)습니다. [[http://myhome.naver.com/jslstory/ex.wmv]] 그냥 페인터 카페...같은곳에서 주웠는데 기억은 잘 안나는군요;;; 아무튼 용량은 261KB 밖에 안되니 예제용으로 딱입니다;; 0.태그사용 기본 결과 - [↑]-_-; 기본적으로 를 사용하면 태그가 작동.. 더보기
동영상 태그 WMV 파일 경우 오늘 wmv를 첨부할일이 있었는데 embed로 하니 파이어폭스에서 지원이 되지 않아서 다른방법을 찾다가 아래와 같은 방법을 찾았다. 1. 인터넷익스플로러인 경우 2. 인터넷익스플로러가 아닌경우 /* 퀵타임인 경우 플래시 경우 더보기
js 롤오버 더보기
레이어 팝업 [클릭시 띄우기] 클릭해야할 이미지에 감싸고 있는 div id 값에도 neo_layer 넣어줘서 display none 처리 해주면 된다 ------------------------------------------------ 클릭 더보기
오브젝트를 이용한 동영상 태그 . 웹표준이라는 것은 쉽게 풀이 한다면 브라우저의종류(익스,크롬,파폭,사파리,오페라 등)나 브라우져 버젼이 맞지 않더라도 웹페이지를 사용할수 있게끔 하는 것을 말합니다.또는 개발자사이에서 이런것은 이런식으로 마크업해서 복잡한 코딩에서도 서로 알아볼수 있게끔 하자 정도의 뜻이 있습니다. embed object video 3개의 기능은 비슷하지만 3개 다 웹표준에 맞는건 아닙니당 오브젝트와 비디오 가 웹표준에 맞다고 볼수 있어요 embed 는 오래전에 많이 사용했지만 그기능이 많이 모잘라 점점 사용횟수가 줄어들고 있습니다. 브라우저,버젼에 맞지 않으면 출력 되지 않기 때문이져 vieo 태그는 html5에 새롭게 생긴 태그입니다. 오브젝트를 현재 제일 많이 사용하고 있습니다. embed 는 출력되지 않으면 그.. 더보기
페이스북 https://developers.facebook.com/docs/guides/web/ 더보기
자주 쓰는 태그 1. 폼에서 글자를 입력할 때 처음부터 한글이나 영문으로 지정하여 입력하도록 하는 방법 한글 우선 입력시 영어 우선 입력시 2. 한 페이지에 폼이 많은 경우 첫 번째 폼에 커서가 자동으로 위치하도록 하는 방법 function load_focus() { if (document.forms.length > 0) { if(document.forms[0].elements.length>0){ document.forms[0].elements[0].focus(); var field = document.forms[0]; for (i = 0; i < field.length; i++) { if ((field.elements[i].type == "text") || (field.elements[i].type == "textar.. 더보기