검색


자료검색


"스타일" 키워드로 총 55건 검색되었습니다.


[이야기]  CSS #footer가 정상적이지 않게 랜더링 될때! 이부분 또한 오타에서 비롯된것이다.<DL>    <DT></DT>    <DD></DD></DL>Musical Instrument Digital Interface 요소를  #footer 및 #content 사용했다.그런데 풋더 페이지의 스타일이 먹히지 않고 다 깨져 버리는것 이었다.선택자에 문제가 있어 정상표시가 안되겠거니 생각하며 원인을 찾아보았다.하지만 그 문제또한 아니었고 그다음으로 할수...
[이야기]  고스톱 잘하는 방법 1)주변을 살펴라아마추어들 가운데엔 자기가 날 것만 생각하고 거기에 집착하느라 남의 화투를 살펴보지 않는 사람이 많다. 그러나 남이 치는 것을 항상 살펴봐야 한다. 자기가 나려고 발버둥치는 사이 남이 나 버리면 아무 소용이 없다. 고스톱은 오로지 1등이다. 2등은 아무리 많이 해도 소득이 없다. 오직 열만 받을 뿐이다. 따라서 내가 나는 것보다 남을 견제하는게 중요하다. 그래야 대형사고도 면할 수 있다. 그러려면 남이 뭘 치는지, 어떤 약을 노리고 있는지 살펴야 한다. 이를 위해 재고까지 파악할 수 있다면 금상첨화다. 패가 뭐...
[윈도우팁]  전세계 모든 파일 확장자 모음 $$$ 임시 파일 ACE ACE Archiver 압축 파일 ACF 마이크로소프트 에이전트, HTTP 문자 파일 ACL 코렐 드로우 6, 키보드 가속기 파일 ACM 윈도우 시스템 디렉토리 파일 ACM Fallout 1,2, Baulder's Gate, 인터플레이 압축 사운드 파일 ACM Dynamic Link Library (DLL) ACS 마이크로소프트 에이전트, 문자 구조의 저장 파일 AHQ AudioHQ 플러그인 모튤 AI 어도비 일러스트레이터 파일 AI 코렐 트레이스 드로잉 AIF, AIFF Audio Interchang...
[윈도우팁]  윈도우 XP 필요없는 서비스 중지하기 Microsoft는 Windows XP의 최소 사양으로 64M의 RAM, 권장 사양으로 128M의 RAM이 있어야 한다고 발표했습니다. 그러나 Windows XP는 이전 Windows 군에비해 훨씬 많은 서비스가 존재하며, 기본으로 설정된 서비스만 적재하는 경우에도 거의 128M의 RAM이 필요합니다. 따라서 XP를 사용하기위한 최소사양은 128M라는 얘기가 됩니다(커널 조차 메모리로 읽지 못한다면 나머지 응용 프로그램을 어떻게 실행할 수 있겠는가? 물론 실행은 가능합니다. 그러나 느린 하드로부터 매번 읽어야 하는 불편을 감...
[CSS]  스타일로 input type 제어 <style type="text/css">input[type=button]{font-size:12px; padding:5px 5px 3px 5px;}input[type=text]{font-size:15px; padding:5px;}</style>
[CSS]  input 및 textarea line-height 맞춤 스타일 <input type="text" size="50" style="height:21px; color:#333; padding:1px 4px 0; font:normal 12px/1.5em tahoma,gulim,serif; background:#fff; border:1px solid #aaa; border-color:#aaa #ccc #ccc #aaa;" /><textarea style="margin:0; overflow-y:visible; width:100%; height:80px; background-...
[CSS]  이미지 없이 테두리 둥글게 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"><head><title>스타일을 이용한 테두리 둥글게</title><meta http-equiv="Content-Type" content...
[CSS]  스타일이용 문자열 자르기 overflow:hidden; /* 문자열이 넘을경우 감춰주는 기능 */text-overflow:ellipsis; /* 문자 길이가 넘을경우 ... 로 표시 */주의사항)text-overflow:ellipsis;가 적용되기 위해선 글이 한줄이어야 함.때문에 white-space:nowrap; 혹은 < nobr > 태그를 함께 사용.
[CSS]  /*<![CDATA[*/ 이 구문은 무엇을 뜻하는 것일까요? CDATA는 SGML이나 XML에서 문자열(string)을 표현할 때 사용하는 토큰입니다. 저 안에 들어있는 내용은 문자열데이터라는 뜻이지요. 저안에 들어가 있는 태그는 무시해도 되는 태그라는 것을 파서에게 알려주므로 오동작이나 오류를 막을 수 있습니다. <style type="text/css">/* <![CDATA[ */ 스타일{}/* ]]> */</style>
[CSS]  브라우저별 CSS핵  ※ 언더스코어(언더바)핵 (_) div{ _width:300px; } Win IE 4~6에서만 CSS적용 ※ 닷핵 (.) div{ .width:300px; } Win IE6~7에만 CSS 적용  ※해시 핵(#) div{ width:300px; } Win IE 4~6, Mac IE 5, Opera 7, Mozilla계열, Firefox에 CSS적용  ※스타핵 *html div{ 300px; } Win IE 4~6, Mac IE4~5에 CSS적용  ※스타7핵 html*div { wid...
[CSS]  CSS 선택자(Selector) - 동적 선택자 동적 선택자- :link, :visited, :hover, :active, :focus 수도 클래스- :first-child 수도 클래스- :first-line, :first-letter 수도 클래스CSS는 선언적인 특성을 가지고 있기 때문에 문서에 동적으로 스타일을 적용하기는 힘들지만 pseudo...
[CSS]  CSS 선택자(Selector) - 가상 클래스 선택자 가상 클래스 선택자- E:first-child (:first-child 수도 클래스)- E:lang(c) (언어 수도 클래스)- E:link, E:visited (링크 수도 클래스)- E[foo], E[foo="warning"], E[foo~="warning"], E[lang|="en"] (속성 선택자)E:first-child (:f...
[CSS]  CSS 선택자(Selector) - 복합선택자 복합 선택자 : 복합 선택자는 크게 세 가지 종류가 있다. - E F (하위 선택자) - E > F (자식 선택자) - E + F (인접 선택자)E F (하위 선택자)E 엘리먼트의 하위에 있는 F 엘리먼트들을 선택...
[CSS]  CSS 선택자(Selector) - 일반선택자 일반 선택자 : 일반 선택자는 네 가지 종류가 있다. - * (공용 선택자) - E (타입 선택자) - .E (클래스 선택자) - #E(아이디 선택자)* (공용 선택자)모든 엘리먼트를 선택한다.* {margin: 0;padding: 0;}이와 같은&nbs...
[CSS]  셀렉트박스 -> 레이어 변환 스크립트 HTC 버전 일반적인 셀렉트 박스를 이쁜 형태의 레이어로 변환해 주는 스크립트의 HTC 버전입니다.첨으로 HTC로 작업하다 보니 조금 어려운 점이 있었지만 덕분에 MSDN도 뒤지면서 많은 공부가 되었습니다.첫번째 링크는 예제 파일이고 두번째 링크는 HTC 파일입니다.먼저 첫번째 링크를 열어서 예제를 보시기 바랍니다.* 주요 기능- 셀렉트박스 폼필드를 자동으로 레이어로 변환- 기존 셀렉트박스 태그 수정 불필요- 여백 공간에 따라 아래 위의 공간을 비교하여 넓은쪽으로 레이어가 출력 됨- 옵션 항목이 많아질 경우 자동으로 스크롤바가 생성- 특정...
[CSS]  input type style 적용시 checkbox와 radio 스타일 제외하기 <style type="text/css">input{ border: expression( (this.type=='checkbox'||this.type=='radio')?'':'1px solid gray' ); }</style>   텍스트박스: <input type="text"><br>체크박스: <input type="checkbox"><br>라디오 버튼: <input type="radio"><br>파일선택 박스: <input t...
[CSS]  핵 - 넷스케이프 제외 Netscape 4은 media속성값에 "screen"이외의 값이 올 경우 읽어 들이지 못하는 것을 이용한 방법이다.<link rel="stylesheet" type="text/css" href="/css/style.css" media="all" /> 혹은 <link rel="stylesheet" type="text/css" href="/css/style.css" media="screen, tv" /> 라고 지정할 경우 Netscape 4은 읽어 들이지 못한다.부분적으로 읽어들이지 못하게...
[CSS]  테이블 width수치를 못넘고 개행되는 스타일시트 <td style='word-break:break-all'> 단 IE 에서만 가능합니다.
[CSS]  CSS용어 정리 :active (활성) :after (다음) :before (이전) :first (처음) :first-child (첫 자식) :first-letter (첫 글자) :first-line (첫 줄) :focus (초점) :hover (마우스 올림) :lang (언어) :left (왼쪽) :link (연결) :right (오른쪽) :visited (방문 했던 연결) @charset (글자세트) @font-face (글꼴 표현) @import (도입) @media (메디아) @page (페이지) A absolute length (절대...
[CSS]  absmiddle 대신 style="vertical-align:middle" 을 사용하라 absmiddle 대신 style="vertical-align:middle" 을 사용하라.form값을 가지고 있거나 또는 그 옆에 이미지의 정렬시 기존의 align="absmiddle"을 대처할수 있는 스타일style="vertical-align:middle"
[CSS]  IE에서 letter-spacing:-1px; 적용시 br 태그 버그 스타일에서 letter-spacing:-1px; 을 줬을경우 입니다. ex) body {letter-spacing:-1px;} 위와 같을때 IE에서 br 태그 두번 적용시 한칸으로 인식해버립니다. (IE8 제외)   letter-spacing:-1px; 적용시       적용한 소스보기   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t...
[CSS]  pre 태그 사용시 글이 길어서 테이블이 깨질경우... 스타일 시트로 간단하게 해결~<pre style="word-wrap: break-word"> 내용... </pre>또는 table 에 table-layout: fixed 스타일도 같이 주면 해결된다.
[CSS]  CSS 디자인 팁 1. 픽셀을 사용하지 않고 글자 크기를 지정 우리나라에서도 웹 표준이 화두로 떠오르면서 글자 크기를 em으로 지정하는 경우가 많이 있습니다. em으로 하니 감이 잘 오지 않으실 겁니다. 픽셀과 단위가 다르기 때문인데 다음과 같은 코드를 사용하여 동일하게 사용할 수 있습니다. body { font-size: 62.5% } 위와 같이 선언해 주면 1.0em이 10px 와 같아집니다. 이제 크기를 어림잡기가 편해집니다. 2. CSS 코드를 읽기 편하게 작성 기본 개념은 같은 태그에 속하는 선언을 모아두는 것입니다. 다음과 같이 작...
[CSS]  CSS핵(hack) 정리 이 포스팅에서 언급하고 있는 CSS핵(hack)들은 대부분 옛날 브라우저들을 대상으로 한 것들이라 아마도 활용도가 그다지 높지 않으리라 생각하지만…해외사이트에 사용하고 있는 경우가 많으므로 알아두면 해외사이트를 분석할때도 상당히 도움이 되리라 생각한다. 또 CSS핵(hack)의 사용시 많은 주의를 기울여야 하며 CSS 문법상 맞지 않는 경우도 많으므로 주의하여야 한다. 일단 웹표준에 의한 사이트 제작이 익숙해지면 브라우저의 버그를 CSS핵이 아니라 CSS구조를 이용하여 회피하는 방법도 자연스럽게 익히게 되리라 생각한다. CSS...
[CSS]  BUTTON 브라우저별 랜더링 비교, 해결방법 저는 그동안 <button>엘리먼트는 생소하고, 그 기능도 모호한 것 같아서 잘 사용하지 않았었습니다. 그런데 에디터 관련 프로젝트를 진행하던 중, 글편집기 상단에 도구 모음들을 마크업해야 할 일이 생겼고, <a>와 <button> 중 어떤 태그로 마크업 하는 것이 더 시멘틱 할까를 고민하게 되었습니다.   <a>와 <button>의 쓰임새를 정리해보자면, <a>엘리먼트는 앵커(anchor)로써 문서 간의 연결, URI 참조가 주된 목적이고 <but...
[CSS]  CSS 핵 브라우저마다 HTML렌더링하는 방식이 조금씩 차이가 나고, 때로는 버그가 존재하는 관계로(망할 IE) 모든 CSS 코드가 모든 웹브라우저에서 똑같이 보이지 않습니다.따라서 이러한 특성을 이용하여 특정 브라우저를 제외하거나, 특정 브라우저에서만 CSS를 적용하는 기법을 CSS 핵(Hack) 이라고 부르죠...그래서 문법적으로 맞지 않거나, 특정 브라우저에만 적용되는 비표준인 경우가 많기 때문에 이러한 CSS핵은 어쩔 수 없는 경우가 아니면 사용하지 않아야 합니다. 또한, 단순히 눈앞의 문제만을 해결하기 위해 핵을 사용하면 나중에...
[CSS]  CSS(Cascading Style Sheet) 개요 ☆ CSS(Cascading Style Sheet)란?   Cascadingcascade는 "폭포가 되어 떨어지다"라는 뜻입니다. 폭포는 물이 위에서 아래로 힘차게 흘러 내리죠? 그럼 왜 style sheet에, cascading이란 말이 붙었을까요? CSS에는 '우선순위'라는 것이 있습니다. 이 CSS의 우선순위가 정해지는 것이, 꼭 cascade와 비슷한 느낌을 주기 때문에, style sheet에 cascading이란 말을 붙인 것입니다. Stylestyle은.. 예를 들어, 어떤 문서가 있는데 글자 크기가 1...
[CSS]  div 가운데 중간 정렬 - margin: 0 auto; 테이블(table) 대신 div으로 레이아웃을 잡을 때중간 정렬이 되지 않아 고민하는 경우가 생긴다.이때는 스타일에 margin: 0 auto;를 추가하면 된다.
[CSS]  css 인코딩시 주의할점! 웹 페이지 제작시 html 페이지와 css 파일을 따로 만들어 관리를 할할 경우가 있습니다. 작업을 하다 보면, 특정 브라우저에서 css 파일의 속성들이 적용이적용이 안 될 경우가 있습니다. 1. 가장 기본적으로, html 페이지에서 csscss 파일 경로 설정을 의심 할 수 있습니다. <link rel="stylesheet" style="text/css" href="/css/style.css"> 2. 경로상의경로상의 문제가 없다면, html 파일과 css 파일의 인코딩 문제를 생각 할 수수 있습니다. 보통 html...
[CSS]  스타일 시트로 롤오버 구현 코딩 <a class="favorBtn" title="관심블로그로 등록!" href="#" onclick="addBlogrollPopup('1892'); return false;">관심블로그로 등록!</a> <a class="rssBtn" title="RSS 피드 구독!" href="virhca.com">RSS 피드 구독!</a> <style type="text/css"> #menu .rssBtn {background: transparent url(./img/menu_info.g...
[CSS]  DIV+CSS 레이아웃과 웹 표준 코딩의 장점 1. 작고 가벼운 구조와 용량 Div 레이아웃의 경우 순수한 HTML 파일의 코드 라인 수와 파일의 용량은 Table 레이아웃에 비하여 대략 50%정도 절감됩니다. 이렇게 표준으로 코딩된 HTML 파일은 한개 사이트에서 수십 수천 페이지에 이르기 때문에 사용자의 트래픽으로 인한 서버의 부하를 경감할 수 있습니다. 유지보수 비용과 직결되는 문제죠. Div 를 이용한 표준 코딩이 가벼워 질 수 밖에 없는 이유는 다음과 같습니다. 내용 하나를 원하는 위치에 표기하기 위하여 Table 로 코딩하려면 <table><tr...
[CSS]  css + xhtml 로 홈페이지 만들기 - xhtml 기본 세팅 xhtml문서를 작성하기 전에 기본적으로 꼭 들어가야 할 요소들을 살펴보도록 합시다. xhtml은 대소문자를 구분하며, 열어준 태그는 반드시 닫아야 합니다.되도록 소문자로 작성하는 것을 장려합니다. index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" l...
[CSS]  스타일 시트 목록표[첨부파일] 스타일 시트 목록표
[PHP]  <IMG>태그 내부 height속성과 값 지우기 정규식 $content 변수의 값중 <img src="" width="100" height="100" />중 height="100"를 제거하는 정규식입니다.모바일 홈페이지의 경우 너비가 100%로 지정 해야 할 때 스타일 제어 img{width:100%;}일 경우 높이가 있으면 찌그러지는 현상이 발생될 때 사용됩니다. <?=preg_replace('/height=('|")?[0-9]+('|")?/i', null, $content);?>
[PHP]  태그 정렬 프로그램 소스 <?##### 기본 변수를 설정한다. #####// 모든 입력값은 현재 파일이 존재하는 디렉토리를 기준을 입력한다.$source_directory_name = ""; // 원본 파일의 디렉토리 명을 기입한다.$source_file_name = "source.html"; // 원본 파일 명을 기입한다.$target_diretory_name = ""; // 변환 후 저장될 디렉토리 명을 기입한다.$target_file_name = "target.html"; // 변환 후 생성될 파일의 명을 기록한다.$code_enter = ...
[PHP]  $_SERVER 정리 서버 변수: $_SERVER 참고: 4.1.0부터 지원됨. 이전 버전은 $HTTP_SERVER_VARS을 사용함 $_SERVER는 헤더, 경로, 스크립트 위치와 같은 정보를 포함하는 배열이다. 이 배열 안의 엔트리는 웹서버에 의해 생성된다. 모든 웹서버가 이런 것들을 제공한다는 보장은 없다. 서버는 어떤것은 빠뜨리거나 여기에서 목록화된 것 외의 것을 제공할수 도 있다. 이런 많은 수의 변수들은 CGI 1.1 specification에 기반하므로, 그런 변수들은 기대할수 있을것이다. 이 변수는 '슈퍼전역', 또는 자동 전역,...
[PHP]  PHP에서 성능 개선을 위한 유용한 팁 웹사이트 성능에 큰 영향을 주는 부분은 대개 부적절한 혹은 최적화되지 않은 데이터베이스 쿼리문에 있습니다. 하지만 데이터베이스 쿼리문이 최적화되었더라도 PHP 프로그램내에서의 간단한 몇가지 수정으로도 좀더 성능 개선을 할 수 있습니다. 해외 PHP관련 컨퍼런스등에서 여러번 제시된적 있는 몇가지 성능 튜닝을 위한 유용한 팁을 올립니다.  1. 최대한 쌍따옴표 대신에 일반따옴표를 쓴다. 쌍따옴표로 감산 문자열의 경우 PHP는 문자열 전체를 처리하게 됩니다. 따라서 처리되지 않고 그대로 유지될 혹은 나중에 처리되어야할 문자...
[PHP]  잘못된 PHP 코딩 스타일 1. 문자 쿼테이션- 잘못된 코딩$ret = $arr[var1];- 올바른 코딩$ret = $arr['var1'];배열의 키 문자는 반드시 싱글 쿼테이션으로 처리해 주어야 한다. 쿼테이션이 들어가 있지 않은 변수인 경우 Notice 에러가 발생한다.또한 싱글 쿼테이션과 더블 쿼테이션의 차이점을 명확히 알고 사용하는 것도 중요하다. 일반 문자열의 경우에는 싱글 쿼테이션을 사용하는 것이 바람직하다.2. 변수 초기화- 잘못된 코딩$str .= "abc";- 올바른 코딩$str = "";$str .= "abc";변수를 초기화 하지 않...
[HTML]  웹디자이너의 분류와 역할 10년정도이 역사를 가진 웹디자인은 초기 그래픽 디자인 위주의 작업에서, 급격한 기술 변화만큼이나 다양한 분야로 세분화 되었다. 이러한 세분화는 앞으로도 계속될것으로 보인다.그럼 현재까지 웹디자이너는 어떻게 세분화 되었으며, 역할별로 어떠한 일을 담당하는지 알아보자.    크리에이티브 아트디렉터(creative Art Director) 크리에이디브 아트디렉터는 디자인 크리에이티브를 총괄하는 책임자로서 웹디자이너, 카피라이터(Copywriter), 일러스트레이터(illustrator), 포토그래퍼(Photogr...
[HTML]  투명 png 파일 익스플로어6 에서 투명 부분이 회색으로 보일 때 스타일<style type="text/css"> .png24 {   tmp:expression(setPng24(this)); }</style> 스크립트<script type="text/javascript"> function setPng24(obj) {   obj.width=obj.height=1;   obj.className=obj.className.replace(/bpng24b/i,'');   obj.style.filter = "progid:DXImag...
[HTML]  frame, iframe 태그(html) 프레임을 나눈 페이지를 만들 때 가장 중요한 것은 전체 문서수 = 프레임태그 수 + 1 (프레임셋 구조를 가진 페이지) 입니다.<frame src~ 이렇게 시작하는 태그 수 + <frameset ~~ 가 적힌 페이지 .. 입니다.물론 조금 할 줄 안다 싶으면 위의 공식이 틀리지만 -_-;어쨋든 위에처럼 정석으로 배우는 것이 좋습니다.우선 frame 태그 속에 들어갈 수 있는 '속성'들을 정리 해 드리겠습니다.속성이라 함은 예를 들어 <table border="1"> 이라는 태그속에서 파란색이 속성입니다.속...
[HTML]  meta태그 메타 태그란 <meta content="text/html; charset=euc-kr" http-equiv="Content-Type"/> 자신의 홈페이지에 관한 정보를 담아놓는 장치 여러가지 종류와 의미를 가짐 <head> 와 </head> 사이 위치 종류 <meta http-equiv="content-type" content="text/html:charset=euc-kr"> 이 메타태그는 현재의 문서가 한글로 작성되었음 이 메타태그를 쓰지 않는다면 브라우저 기본 글꼴만 볼 수 있음&...
[웹표준]  웹표준으로 퍼블리싱할때 꼭 지켜야 할 사항들 1. 속성값은 반드시 "표로 시작해서 "표로 끝냄(속성값은 ' 보다는 " 를 지향) 2. URL에 사용되는 '&'는 모두 '&amp;'를 사용, URL에 한글이 들어있는 경우 유니코드로 표기 3. <img> 태그는 반드시 마지막에 "/"을 사용, <img> 태그는 반드시 alt="설명"을 사용해야하며 아이콘은 alt=""로 처리4. <br> 태그 또한 마지막에 /을 사용 <br /> 5. <a rel="tag">는 해당포스트의 태그에만 사용한다.(태그리스트 랜...
[웹표준]  웹표준을 따르면 무엇이 좋은가요? 어느 웹브라우저에서도 볼 수 있습니다. 웹브라우저는 익스플로어,파이어폭스,오페라,사파리,구글,크롬등 다양하게 있습니다. 웹표준에 준거하면 다양한 브라우저에서도 똑같은 형태로 볼 수 있습니다. 사이트업데이트 작업이 용이하다. 웹표준에 다르면 홈페이지는 문서구조와 스타일시트를 따로 분리해서 만듭니다. 스타일을 변경하고 싶다면, 해당 스타일 시트만 열어서 변경하면 모든 웹페이지 디자인에 똑같이 적용할 수 있습니다. 페이지랜더링속도가 빨라진다. 디자인부분은 모두 CS파일로 정리한다. 이르 통해 인터넷익스플로어등의 웹브라우저에서 다시 ...
[웹표준]  웹표준 준수사항 22가지 1) 자바스크립트 지시자나 스타일시트 지시자에 타입정보가 꼭 필요하다.<script></script><style></style><script type="text/javascript"></script><style type="text/css"></style>2) img,  map 태그등에 모두 alt 속성이 필요하다.3) td는 background 속성을 지원하지 않으므로 스타일 시트형태로 표현한다.<td style="backgro...
[웹표준]  지켜야할 웹표준 ○ 장애인, 노인 등을 위한 웹 접근성 준수 텍스트 버전을 별도로 제공하여 접근성을 높이 기 위한 지침으로서, 표준 기반으로 구조와 표 현을 분리한 후 스타일 변경 만으로도 텍스트 페이지를 구성할 수 있다. 9. 저작권, 개인 정보 보호 등을 위한 고려 ○ 장애인, 노인 등 다양한 이용자의 용이한 접근을 확보하기 위해 한국형 웹 콘텐츠 접근성 지침 중 다음 사항을 고려하여 제작 - 그림에 대한 대체 텍스트 제공(지침1), 탭 및 화살표 등 최소 키보드로 접근 가능성 확보(지침5), 각 프레임별 별도 제 목 부여(지침7), 스타...
[JAVASCRIPT]  슬라이드 팝업 - 아이프레임, 이미지 팝업 JS 파일 인클루드<script type="text/javascript" src="/js/slide.js" ></script>페이지에 추가 DIV<!-- [SRT] Zoom Images DIV --><div id="SLB_film" style="z-index: 99997; position:absolute; display:none; width:100%; height:100%; background-color:#000000; filter:Alpha(opacity=60); opacity:0.6; ...
[JAVASCRIPT]  구조와 행동의 분리 우리가 모든 CSS 들을 별도의 파일에 놓고 스타일 속성이나 기타 다른 표현적 마크업들을 삼가함으로써 구조와 표현을 분리하는 것과 마찬가지로, HTML 구조와 자바스크립트 행동들을 분리해야 한다. 이유는 동일하다: 당신의 관심영역을 분리하고, 당신의 코드를 깔끔하게 해주며, HTML 이나 CSS에 손 댈 필요 없이 자바스크립트 작업을 할 수 있게 해준다. 기본적인 규칙은 간단하다: HTML 파일은 자바스크립트 코드를 포함하면 안된다 - CSS를 포함하지 않아야 하는 것과 마찬가지로 말이다. 자바스크립트 개발자들이 HTML 파...
[JAVASCRIPT]  레이어 팝업창 /* 스타일 */.SLB_center { cursor:pointer; visibility:hidden; background-color: #FFF}.SLB_close { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; }.SLB_caption { cursor: pointer; display:none; font-family: verd...
[JAVASCRIPT]  input 에 숫자만 입력받기 1. 먼저 숫자만 입력받을 컨트롤을 다음과 같이 설정한다.<input type="text" name="card_no1" OnKeypress="onlyNumber();">키를 누를때마다 다음과 onlyNumber() 라는 함수를 실행한다.2. 이제 함수를 정의한다.function onlyNumber(){if ((event.keyCode<48)||(event.keyCode>57))event.returnValue = false;}이벤트 객체의 keyCode 속성을 이용하여 해당 키 코드값일때만 입력되게 한다근데...
[JAVASCRIPT]  웹표준화작업을 위한 스타일핵 (css) 웹표준화작업을 위한 스타일핵 (css) [이 게시물은 VIRHAC님에 의해 2009-09-13 14:33:19 HTML에서 이동 됨]
[JQUERY]  [jquery 기초] javascript -> jquery 비교 자바스크립트에서 해당 ID를 찾을 쓰는 구문을 제이쿼리로 한다면 document.getElementById("test") -> $("#test") 자바스크립트로 스타일을 변경하고 싶을때 document.getElementById("test").style.display = 'none' -> $("#test").css("display","none") 자바스크립트로 select box 안에 선택된 값을 찾을때 document.getElementById("test").options[document.getElementById...
[JQUERY]  웹 개발의 새바람「AJAX를 아시나요?」 새로 부상중인 웹 개발 기법 하나가 PC 소프트웨어의 현 상태를 타개하면서 데스크톱과 웹 애플리케이션의 경계선을 불투명하게 만들고 있다. AJAX는 지난 8년간 표준화된 일련의 개발 기법들로 웹 애플리케이션에 보다 발전된 인터페이스를 도입함으로써 이 모든 것을 바꿀 수 있다. 지난 수년간 데스크톱 애플리케이션이 특정 운영체제에 묶인 것은 컴퓨터 개발에 있어서 확고히 자리잡은 형태가 됐다. AJAX 지지자들은 명실상부한 시장의 리더인 MS 오피스와 같은 데스크톱 소프트웨어의 지배력에 영향을 주길 희망한다. 메시징 벤처...
[해킹정보]  수퍼해커의 해킹비밀 5 제8장 현장에서의 해킹:침입자 해커 회사 본부로 걸어 들어가 거기서 발견한 컴퓨터를 사용하는 일은 무모하 고 위험한 일이다. 하지만 짜릿한 일이기도 하다. 제한 구역으로 교묘히 들 어가서 빌딩과 컴퓨터 시스템 모두를 탐험하는 일은 흥분되는 경험이다. 지난 장에서는 공중이 사용하는 컴퓨터를 탐색하는 방법에 대해 이야기 했지만 현장에서의 해킹에는 또 다른 일면이 있다. 이런 일은 첩자나 도둑 에게 적격이라고 생각하기 쉽겠지만 실제로 당신도 여기에 한몫 낄 수 있 다. 내가 말하고자 하는 바는 공중이 쓰는 컴퓨터가...
[해킹정보]  수퍼해커의 해킹비밀 2 1983년, 체포되었던 빌 랜드리스는 가석방되었고, 권력자의 측근으로부터(Out of the Inner Circle)이라는 컴퓨터 보안 안내서를 출판한 뒤 베일에 싸인 채 실종되었다고 알려진 바 있다. 그는 '스물두 번째 생일을 즈음한 어느 날' 자살할 것이라고 언급했다 한다. 이 자살 선전이 인기를 위한 책략인가 아니면 사실인가에 대해서는 많은 논쟁이 있었다. 결국 랜드리스는 1987년 7월에 워싱턴 주 시애틀에 다시 나타났고, 집행유예 기간에 보호 관찰을 어겼다는 이유로 다시 수감되었다. 그보다 한 달 전인 노르망디 상륙 ...