Html Tips
홈페이지 작성시 요긴하게 사용되어지는 Html들을 정리해 놓았습니다
-
Read MoreNo Image
xhtml 기본 작성법
CSS를 이용하여 html을 구성하는 것은... 궁극적으로 웹문서규격이 xhtml로 옮겨과는 중간과정중이라는 이유 하나밖에 없다. CSS를 이용하면 이런것이 좋고, 저런것이 좋고, 이런면에서 약간 어렵지만 다른 면에선 편하고 이런 것은 모두 부가적인 효과일뿐, ...Views5,958 -
Read MoreNo Image
display:block 쪼금 더~
display:block; display:inline; display:none; 위에것은 너무나도 많이 쓸 것입니다. 오래전부터 자바스크립트를 이용하여 visibility속성과 함께 레이어를 보였다가 숨겼다가 하는 기능을 많이 사용했기 때문이죠. 기본적으로, 태그가 지닌 기본적인 display...Views9,540 -
Read More
글들의 상하 정렬위치 설정 vertical-align속성
이전에 나온 모든 CSS관련된 책에는... vertical-align이 Block내의 상하 정렬 위치를 결정하는 속성으로 설명되어 있습니다. 이는 잘못된 것입니다. W3C.org에 권장된 사안이 아닌...브라우저에서 적용되는 예를 가지고 책의 내용을 만들었기 때문이죠. 저 또...Views13,110 -
Read MoreNo Image
덧글달기 CSS Coding TIP
1번은 덧글과 날짜,아이콘그룹을 <BR>로 줄을 구분하였고, 2번은 덧글과 날짜,아이콘그룹을 <BR>로 줄구분없이 한 줄안에 코딩되었습니다. 그런데, 덧글이 길어져서 오른쪽 여백이 모자르게 되면... 아이콘만 아래로 내려간다거나, 날짜의 중간부분에서 줄바꿈...Views5,515 -
Read MoreNo Image
iframe 대신 사용하는 object 태그
iframe 대신 사용하는 object 태그 <object id="miniwini" width="650" height="400" type="text/x-scriptlet"> <param name="url" value=http://www.naver.com> <param name="selectablecontent" value="0"> <param name=scrollbar value="1"> </object>Reply1 Views10,047 -
Read MoreNo Image
TD안엔 DIV를 넣어라?
아니다. W3C의 어떤 곳에도 저것을 장려하거나 표준에 접합한 방법으로 제시하지 않았다. 하지만... 저것이 당연한 것으로 알고 있는 디자이너들이 너무 많다. 저것이 당연한 것으로 알게 되는 원인은 두가지이다. 1. HTML, XML에 통달한 한 외국 웹 디자이너...Reply1 Views22,569 -
Read MoreNo Image
제발...alt텍스트와 title텍스트를 구분해조바바
이 일을 하면서 가장 분개하는 것은... 어떤 넘인지는 몰라도... 프로그램 하나 잘못 만들어서... 잘못된 사용법이 기준이 되는 억지의 상황이 연출된다는 것이다. 이미지 태그에 alt="회사소개"를 사용한다면... 이것은 alternative context의 약자로 이미지...Reply1 Views7,228 -
Read MoreNo Image
태그의 상세분류
먼 HTML을 야그하는데 기초지식이니 머니 주절주절 하냐고 하겠지만, 엄연히 W3C에 의해 규정되어진, HTML뿐만 아니라 SGML, XML등등 이후의 어떠한 웹문서규격에도 공통적으로 규정되어질 것이니, 하찮은 HTML이라 하여 함부로 보지 말것이어다. 태그의 분류 ...Views5,224 -
Read MoreNo Image
DIV - 테이블은 이제 쉬어야할때...
DIV - 테이블은 이제 쉬어야할때... 이해하기 좋은 글 같아서 퍼왔습니다.. :-) 테이블과 div의 조화를 위해.. ^_^/ 테이블은 이제 그만 쉬어야 할 때 - DIV 테이블(html의 table 을 칭함)은 이제 목적 이상의 일을 할 필요가 사라졌습니다. 그저 단순한 “표” ...Reply2 Views7,497 -
Read MoreNo Image
CSS 속성 (margin, border, padding)
1. Margin (BOX 의 여백지정) { margin-left : 여백값 ; --------> %값이나 길이단위로 표시. margin-right :여백값 ; 여백을 음수값을 주면 요소가 잘리는 현상발생 margin-top : 여백값 ; margin-bottom : 여백값; } - shorthand 로 표기할때 유의할 것 {mar...Reply1 Views5,987 -
Read MoreNo Image
이미지 없이 라운드 박스 만들기
<html > <head> <style> .rtop, .rbottom{display:block;} .rtop *, .rbottom *{display:block; height:1px; overflow:hidden;} .r1{margin:0 5px; background:#CCCCCC} .r2{margin:0 3px; border-left:2px solid #CCCCCC; border-right:2px solid #CCCCCC; ba...Views6,009 -
Read More
검색창에 자동으로 한글 나오게 하기
레이아웃.css를 편집기로 열어서 #isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:94px; height:13px; color:#000000; border:1px solid #B0B0AF; background-color:#FFFFFF; ...Views4,595 -
Read MoreNo Image
Zbxe레이아웃 간단하게 좌측정렬로 바꾸기
해당 레이아웃의 css를 열어서 15줄 (예; /zbxe/layouts/xe_official/css/default.css) #bodyWrap { width:980px; margin:1.5em auto 0 auto; }를 #bodyWrap { position:absolute; width:980px; margin:1.5em auto 0 auto; } 로 변경하면 됩니다.Reply2 Views4,573 -
Read More
iframe에 삽입되는 내용에 따라 iframe의 사이즈가 자동으로 변경되는 소스
iframe에 삽입되는 내용에 따라 iframe의 사이즈가 자동으로 변경되는 소스. 두가지의 조건 1. 같은 서버내의 페이지를 iframe으로 삽입하는 경우. 2. 타 사이트의 페이지를 iframe으로 삽입하는 경우. [같은 서버내의 페이지를 삽입하는 경우] 1. 부모페이지...Views8,693 -
Read MoreNo Image
즐겨찾기 스크립트
FF에서는 즐겨찾기에 추가 자바스크립트가 아예 안 되는줄 알았는데 구글링을 해보니 아주 좋은 소스가 있더군요. ※ 소스: ------------- <script type="text/javascript"> function bookmarksite(title,url) { // Internet Explorer if(document.all){ window...Reply1 Views6,351
