본문 바로가기

DHTML/CSS/META

[CSS]Background 속성 정리잘된것 CSS 배경처리방법 정리해놓은것 보기좋게 해놓은 포스팅 블로깅 [CSS]Background 속성 http://blog.naver.com/dongwhahn/70008542298 더보기
css 롤오버 메뉴 마크업~! clear:both http://www.clearboth.org/css3_4_by_isdn386/ 더보기
float:left를 대체할 수 있는 display:inline, inline-block float:left를 대체할 수 있는 display:inline, inline-block float:left 가 들어간 선택자는 text-align:center (center정렬)가 적용되지 않는다. 해결방법 상위 선택자에 text-align:center를 넣고, 하위 선택자 중 , 좌측 정렬 되어야 할 선택자에 display:inline 을 적용, 우측 정렬 되어야 할 선택자에 display:inline-block 을 적용시키면 해결된다. 원본출처 : http://girlisbee.blog.me/130094911019 더보기
font- family 설정시 주의해야할점 font-family 설정시 주의해야 할 점. (CSS) font-family: 돋음, Dotum, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif; CSS 제작시 font-family: 돋음; 이라고 하면 안 되고, font-family: 돋음, Dotum, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif; 이라고 해야 한다. 돋음과 Dotum을 같이 써야 하는 이유는 비한국어 Windows (최소한 9x/ME)에서는 MS IE조차도 ‘돋음’을 인식하지 못 하기 때문입니다. Apple Gothic은 Mac OS X에 들어 있는 sans-serif에 해당하는 한국어 글꼴 이름입니다. .. 더보기
XE include 인쿠르드 시키는 방법 어딘가 XE 메뉴얼 페이지에 include 사용법에 대해 기술해 놓은 부분이 있더군요. 다음과 같은 내용으로 설명이 되어 있습니다.  * 다 른 template 파일 include template 파일 내에서 다른 template파일을 include할 수 있습니다. 이때 경로를 지정하지 않으면 현재의 template file의 위치에서 찾고 없으면 ROOT부터 찾아나갑니다. 1.  그런데 위와 같은 방법으로 해보니 안되더군요. 그리고 또 어디선가 본 댓글에서 누군가의 설명에 의하면 include는 반드시 html 파일만 가능하다고도 되어 있더군요. 또 위 메뉴얼의 예제 말고도 Tip 게시판이나 질문 게시판의 몇가지 include 방법의 설명들이 다 제 각각이어서 헷갈리는 점도 있습니다. 무엇이 맞고 .. 더보기
active 상태, 링크 선택된 상태 CSS 이용한 링크 밑줄 처리 예제 소스 [ 태그에 관한 설명 ]A:link -> 링크를 나타냅니다. A:visited -> 방문한 링크를 나타냅니다. A:active -> 활성화된 링크를 나타냅니다. 마우스를 눌렀을때 변화하는 모양이기도 합니다. A:hover -> 마우스를 가져갔을 때의 링크를 나타냅니다. 인터넷 익스플로러에서만 제대로 표현됩니다. color 링크의 색상 -> color : red font 링크의 글꼴 -> font : 12pt 굴림 text-decoration 링크의 장식 -> none, underline, overline, line-through, blink background-color 링크의 배경색 -> background-color : yellow font-weight 링크의 굵기 -> normal, bold, bo.. 더보기
float:right , position:relative와 position:absolute을 통한 상하좌우 정렬 float:left와 float:right 그리고 position:relative와 position:absolute을 통한 상하좌우 정렬 1. float float:left = 자식요소의 좌표값를 부모 요소의 x=0, y=0 float:right = 자식요소의 좌표값을 부모 요소의 x=(부모요소의 넓이-자식요소의 넓이), y=0 2. position position:relative = 상위요소로 부터 자신의 상대위치를 지정 position:absolute = 부모요소로 부터 자신의 절대위치를 지정 position:fixed = 브라우저로 부터 자신의 절대위치를 지정(ie6 제외) 0 1 2 3 4 5 6 더보기
input 타입=버튼 을 이미지로 바꾸는 법 태그에 onclick 을 사용하면 됩니다. 보더를 없애고 커서를 손모양으로 바꿀 경우 더보기

티스토리툴바