Category Archives: HTML/CSS

HTML ASCII ReferenceHTML ISO-8859-1 ReferenceHTML Symbol Entities Reference HTML URL Encoding Reference (%숫자)

 – 출처 : http://blog.naver.com/aodrmfrl/90142324103 – 우선 float right을 설정할 태그를 감싸고 있는 태그의 넓이값을 정해준다.   그리고 right을 설정할 태그와 이것의 왼쪽에 있는 태그의 위치를 바꿔준다.   보통 왼쪽에서 오른쪽 순으로 코딩을 하는데   이러면 오른쪽에 있는 태그가 아래로 떨어지는 현상이 발생한다.   이 현상을 방지하는 방법은 그저 오른쪽으로 갈 태그를 먼저 써주면 되는 것이다.  [출처] IE7 에서 float right버그|작성자 GodIsLove

9 Javascript and Animated GIF Loading Animation SolutionsGlobal AJAX Loading SpinnersjQuery BlockUI (화면 modal 처리)  http://ajaxload.info/ http://loadinggif.com/ http://preloaders.net/http://loadinfo.net/ 

<meta http-equiv=”refresh” content=”30;url=http://www.metatags.info/login”>   => 30초 후에 해당 URL로 이동. * 참고링크  – meta tag의 용법을 모아 놓은 사이트   

http://www.webstandards.org/learn/tutorials/accessible-forms/intermediate/

http://blog.naver.com/dmssla1211/150178903

* 다음 방법 중 입맞에 맞는 것을 선택하면 된다.    1. form 태그에  onsubmit=”return false”  속성을 추가한다.           2. form의 하위 엘리먼트로 <input type=”text”>를 하나 더 추가한다.       =>근데 하나 더 추가해도 안되는 경우가 있었다!! >, < !!    3. onkeydown, onkeyup에 모두 preventDefault 처리를 해 준다. * 위의 이것저것을 해… Read More »

http://channy.creation.net/blog/776 

실험해 본 결과, 비 IE 계열에서는 TD에 rowspan을 적용할 때 display:none을 한 칼럼들은 rowspan의 적용대상에서 제외되는데, IE 에서는 display:none을 한 칼럼들도 rowspan의 적용대상이 된다. 그러므로 rowspan을 먹일 때에는 브라우저별 확인이 꼭 필요하다. * 2011.12.30 추가    – 실험 결과 위의 현상이 항상 발생하는 것은 아니고,      어떤 때에는 rowspan의 대상이 되었다가,또 어떤 때에는 rowspan의… Read More »

http://phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=65738&page=1 http://tiagoe.blogspot.com/2010/01/css-style-typefile-tags.html

– 출처 : http://blog.naver.com/battledocho/50093308151 – ※ border의 테두리두께, 모양, 색 설정하는 속성 등을 설정할 수 있다.   * border-style : 테두리 모양       solid      double      groove      ridge      inset      outset * border-width : 테두리를 각각 좌우위아래별로 설정 가능      border-left-width           border-right-width      border-top-width… Read More »

– 출처 : http://cafe.naver.com/webmarkup/188 – 복수의 컨트롤 (라벨포함)을 폼 안에서 그룹화 하여 폼을 더욱 정밀하게 구조화 할 수 있습니다.   ◆ fieldset 요소 : 컨트롤의 그룹화하는 범위를 정의 합니다.                            대부분의 브라우저에서 fieldset 주위에 자동으로 보더가 생깁니다.   ◆ legend 요소 : 그룹화한 범위의 이름을 캡션으로 표시할 수 있습니다.                           fieldset 요소의 바로뒤에 한번만 출현 할 수 있습니다.    … Read More »

div 가로정렬 하기

– 출처 : http://www.webmini.net/304945 –   scope=”col” scope=”col” scope=”row” 내용 내용 scope=”row” 내용 내용 table 코딩시 scope=”col” 와 scope=”row”를 보셨을겁니다. 일반사용자에게는 별의미가 없을수 있지만, 시각장애인들을 위한 접근성을 고려할때는 필요한 태그 입니다. 어떤 이미지인지  alt 태그에서 알수 있듯이..    th (제목이라는 정보)에 사용되는 속성이며, 세로(열) 일때는 scope=”col” 가로(행) 일때는 scope=”row” 로 사용하시면 됩니다.

– 출처 : 지식IN – CLASSID 속성은 Class IDentifier의 약자로, GUID(Global Unique IDentifier) 형태로 표시됩니다. 이는 ActiveX를 개발할 때 부여되는 번호입니다. 쉽게 말하면 해당 ActiveX ‘고유 식별자’가 되며, ActiveX가 생성될 때 해당 ActiveX가 고유하게 가질 수 있도록 할당되는 고유 번호입니다. 질문자분의 경우, 사용자의 컴퓨터에 설치된 ActiveX중 고유번호가 ‘6BF52A52-394A-11d3-B153-00C04F79FAA6’인 ActiveX를 보여주는 작업이기 때문에, 강제로 바꾸면 동영상이… Read More »

http://hooney.net/2007/08/27/451/

http://hyeonseok.com/pmwiki/index.php/Markup/Object http://blog.naver.com/digul2/20114290620

– 출처 : http://blog.naver.com/hschoi82/20043230707 – * <img>태그의 onload 속성에서 다음의 함수를 실행한다. * 원본 비율을 유지하고 싶다면 <img> 태그에 width와 height의 초기값을 주지 말자.    => 초기값을 주게 되면 이미지의 원본비율이 아니라 그 초기값에 해당하는 가로세로 비율을 맞춘다.  // 이미지 가로 최대치 제한 및 세로 비율 유지  function AutoResize(MaxWidth) {      var photo = document.getElementById(“photo”);   //이미지 엘리먼트      var newWidth = MaxWidth;      var newHeight = photo.height -… Read More »

http://blog.naver.com/ssaeju/60055722783

css 버튼 모음