css rounded 적용샘플

td width 값이 안먹을때

word-break:break-all;

CKEditor.com | The best web text editor for everyone

<!– Make sure the path to CKEditor is correct. –> <script src="./ckeditor/ckeditor.js"></script> <script language="javascript"> function sendit() { //글 내용 var data = CKEDITOR.instances.content.getData(); document.myform.content.value = data; if (trim(document.myform.content.value).length == 0) { alert("글을 작성 안하셨습니다. 글을 작성해 주십시요"); document.myform.content.focus(); return false; } // document.myform.submit(); } </script> <Form name="myform" enctype="multipart/form-data" method="POST" action="./****"> <textarea name="content" id="content" rows="16" cols="56"></textarea>
</form>

<script>
// Replace the <textarea id="content"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace( ‘content’ );
</script>

바로가기: CKEditor.com | The best web text editor for everyone.

HTML Predefined Character Entities

Table of entities Hex C Name Ent Ref 0x0022 “ QUOTATION MARK &quot; &#34; 0x0026 & AMPERSAND &amp; &#38; 0x0027 ‘ APOSTROPHE &apos; &#39; 0x003c < LESS-THAN SIGN &lt; &#60; 0x003e > GREATER-THAN SIGN &gt; &#62; 0x00a0 nbsp NO-BREAK SPACE &nbsp; &#160; 0x00a1 ¡ INVERTED EXCLAMATION MARK &iexcl; &#161; 0x00a2 ¢ CENT SIGN &cent; &#162; […]

Cryptic crossword No 26,189 | Crosswords | The Guardian

낱말퍼즐 잘된 사이트

crossword

Cryptic crossword No 26,189 | Crosswords | The Guardian.

Win phone :http://www.codeproject.com/Articles/413539/Windows-Phone-Crosswords http://www.codeproject.com/Articles/530853/Creating-a-crossword-generator

네이버 캘린더 만들기 – 1. 레이아웃 만들기, 메뉴숨기기/보이기

네이버 캘린더 만들기 – 1. 레이아웃 만들기, 메뉴숨기기/보이기.

How to print a form in landscape format automatically

XImageTransform.Microsoft.BasicImage

via How to print a form in landscape format automatically.

NHN Coding Convention

.http://nuli.nhncorp.com/data/convention/NHN_Coding_Conventions_for_Markup_Languages.pdf

IE 11 Ignoring “autocomplete=off” | Hacking for Christ

IE 11 Ignoring “autocomplete=off” | Hacking for Christ.

웹페이지 이동 부드럽게

웹페이지 이동 부드럽게. (플래쉬 같은 효과)

[html] div 로 로딩 이미지 가운데

<table width=”700″ border=”1″ cellpadding=”0″ cellspacing=”0″ align=”left”> <tr> <td align=”center”> <img src=’../images/loading2.gif’ border=’0′><!– loading images –> </td> </tr> </table>

– 위와 같이 table 을 사용하지 않고 -> 다음과 같이 div 로 로딩 이미지 가운데 나오게 한다.

<div style=”width:700; text-align: center”> <img src=”../images/loading2.gif” style=”vertical-align: middle” /><!– loading images –> </div>

border-collapse:collapse

<style type=”text/css”> table { border-spacing:1px; border-padding:1px; border-collapse:collapse; border:1px solid black; }

td { border:1px solid black; border-collapse:collapse; }

td.lhide { border-left-color:white; border-left-style:hidden; } </style>

<html> <body> <table> <tr> <td>A1</td> <td>B1</td> <td>C1</td> </tr> <tr> <td>A2</td> <td class=”lhide”>B2</td> <td class=”lhide”>C2</td> </tr> <tr> <td>A3</td> <td>A3</td> <td>A3</td> </tr> </table> </body> </html>

table { border-spacing:1px; border-padding:1px; border-collapse:collapse; border:1px solid black; […]

The W3C Markup Validation Service 웹표준 검사

웹표준 검사

http://

via The W3C Markup Validation Service.

팝업 구현

##### 본문 PAGE 에 추가 ################

<script language=”JavaScript”> //<!– function notice_getCookie( name ){ var nameOfCookie = name + “=”; var x = 0; while ( x <= document.cookie.length ) { var y = (x+nameOfCookie.length); if ( document.cookie.substring( x, y ) == nameOfCookie ) { if ( (endOfCookie=document.cookie.indexOf( “;”, y )) == -1 ) endOfCookie = […]

img와 텍스트 높이 맞추기 : vertical-align:text-bottom

vertical-align:text-top; vertical-align:text-bottom;

* align=abamiddle 은 비표준이므로 사용하지 말것

ex1) <img src=’./imsges/Standard.gif’ border=’0′ style=’vertical-align:text-bottom;’/>

ex2)

<!DOCTYPE html> <html> <head> <style> img.top {vertical-align:text-top;} img.bottom {vertical-align:text-bottom;} </style> </head>

<body> <p>An <img src=”w3schools_logo.gif” alt=”W3Schools” width=”270″ height=”50″ /> image with a default alignment.</p> <p>An <img class=”top” src=”w3schools_logo.gif” alt=”W3Schools” width=”270″ height=”50″ /> image with a text-top alignment.</p> <p>An <img class=”bottom” src=”w3schools_logo.gif” […]

html 자판 한글/영문 대문자/소문자 입력모드

① 한글만 입력(자판이 영문모드여도 자동으로 한글 전환)

② 영문만 입력(자판이 한글모드여도 자동으로 영문 전환)

③ 한/영 전환가

④ 한글사용불가

⑤ 한글모드 (전환가능)

⑥ 소문자로만 입력

⑦ 대문자로만 입력

⑧ 첫번째 글자를 대문자로

특수문자들

〔〕〈〉《》「」『』【】·※☆★○●◎◇◆□■△▲▽▼ →←↑↓↔〓≪≪√∵⇒⇔◁◀▷▶♤♠♡♥♧♣⊙◈▣◐◑ ▒▤▥▨▧▦▩♨☏☎☜☞¶†‡↕↗↙↖↘♭♩♪♬㉿㈜℡ ⓒ®①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬×÷

shortcut icon 생성 Link

<link rel=”shortcut icon” href=”http://~favicon5.ico” />

파일종류 아이콘

#gallery-1 { margin: auto; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; } #gallery-1 img { border: 2px solid #cfcfcf; } #gallery-1 .gallery-caption { margin-left: 0; } /* see gallery_shortcode() in wp-includes/media.php */

collapse

border-collapse:collapse;

collapse : 서로 이웃하는 테이블이나 셀의 테두리선을 겹쳐서 표현 합니다. separate : 기본값으로 서로 이웃하는 테이블이나 셀의 테두리선을 분리시켜 표현 합니다.