일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 복현오거리
- 시놀로지
- centos
- html/css
- 워드프레스
- 아파치
- KB증권
- mysql
- 티스토리
- Ajax
- proxmox
- SKT
- 가상서버호스팅
- iptime
- jQuery
- ConoHa
- 킹북이초월
- 알뜰폰
- 자바스크립트
- 윈도우10
- 거제도
- 소비전력
- 리눅스
- 스톤에이지
- php
- 알리익스프레스
- KB국민카드
- 보르비스초월
- Apache
- 램가스초월
- Today
- Total
목록HTML.CSS (26)
맛집 여행 캠핑 일상 생활
HTML/CSS LI 태그 도트이미지가 크롬과 IE가 다르게 보이는 문제 익스플로러와 크롬브라우저가 태그 이미지가 다르게 보인다.그리고 크롬브라우저도 윈도우XP 와 윈도우7~10 에서 다르게 보인다.동일하게 보이도록 이미지를 만들어서 CSS 를 적용해주자. 도트 이미지는 4 x 4 사이즈로 만들면 된다.
HTML/CSS last-child 안먹는 경우 아직까지 이해가 되지 않지만 first-child 는 먹히는데 last-child 가 안먹히는 경우가 있다. 원인을 아직까지도 모르겠다. 이런 경우는 jQuery 로 css 를 적용시켜주자. 원래는 #subDIV:last-child { display:none; } 이 먹혀야 정상인데 안먹혀서 아래처럼 jQuery 로 적용시켰다. aaabbbcccdddeee
HTML/CSS DIV 모서리 라운드 처리 DIV 의 모서리를 라운드 처리하는 방법이다. rdiv1 rdiv2 rdiv3 rdiv4 rdiv5 rdiv6 rdiv7 ========== // 샘플 rdiv1 rdiv2 rdiv3 rdiv4 rdiv5 rdiv6 rdiv7 ==========
CSS CUSTOM 마우스 커서 이미지 사용하기 사용자가 만든 이미지를 마우스 커서로 이용하는 방법이다.첨부한 커서 이미지로 바꿔보았다.http://www.cursor.cc/ 여기 가면 직접 커서 이미지를 만들수도 있다. 스크립트안에 코드는 jQuery 로 바꾸는 방법이다. ===== 예제 ( 아래 공간에 마우스를 움직여서 확인) =====
태그와 태그 사이 엔터 여백이 생기는 문제 해결방법 float:left 를 넣어주면 해결이 된다.이미지 사이에 공백이 생기는 경우의 해결방법이다. 1번2번3번4번5번 1번2번3번4번5번 1번 2번 3번 4번 5번 1번 2번 3번 4번 5번
HTML/CSS 상위 태그에 따라 Style을 다르게 처리하는 방법 아래 예제는 id 를 지정하였지만 태그명이 다르다면 id 지정을 안하여도 된다. DIV1parent id div1 DIV2parent id div2 Normal p tag 예제 DIV1 parent id div1 DIV2 parent id div2 Normal p tag
HTML/CSS 색상표 RGB 정리 인터넷 마다 색상 값이 조금씩 다르게 나와서 한번 정리해보았다. 검정(black) #000000 회색(gray) #808080 흰색(white) #FFFFFF 빨강(red) #FF0000 주황(orange) #FFA500 노랑(yellow) #FFFF00 초록(green) #008000 파랑(blue) #0000FF 남색(navy) #000080 보라(purple) #800080
HTML/CSS 팝업레이어 브라우저 정중앙에 띄우는 방법 POPUP LAYER 를 브라우저 가로 세로 정가운데에 중간정렬해서 표시하는 방법입니다. 팝업 정중앙에 띄우기 예제 left: 50%; top: 50%; 그리고 DIV 가로폭과 세로높이의 1/2 의 값을 margin-left 와 margin-top 에 마이너스를 붙여서 넣어주면 됩니다. 팝업 정중앙에 띄우기 예제
HTML/CSS DIV IMG 및 텍스트 가운데 정렬하기 div 안에서 이미지 및 텍스트를 가로 및 세로 중앙 정렬하기 가로 및 세로 텍스트 가운데 정렬하기 아래 처럼 중앙정렬이 되어 보여진다. 가로 및 세로 텍스트 가운데 정렬하기 부모 div 에 display:table; display:table-cell;text-align:center;vertical-align:middle;line-height:0; 가 핵심이다.
CSS border Style 속성 주기 border 속성에 대한 예제이다. border-width:1px;border-style:dotted; border-width:1px;border-style:dashed; border-width:3px;border-style:double; border-width:5px;border-style:groove; border-width:5px;border-style:inset; border-width:5px;border-style:outset; border-width:5px;border-style:ridge; border-width:5px;border-style:solid; border-style:solid dotted dashed double;border-color:#..