novasera
SAVE THE DEVELOPERS <!> Upgrade IE 6 Now!

calendar

 « 2025.8  »
일 월 화 수 목 금 토
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
  • total
  • today
  • yesterday

[CSS] 탭 라운드 처리 (이미지 사용)

2010. 4. 19. 09:05 Programming(Web)/CSS
http://www.alistapart.com/articles/slidingdoors
저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > CSS' 카테고리의 다른 글

[tip] 배경이미지 반복  (0) 2010.02.09
[CSS] 마우스오버 버튼 만들기  (0) 2010.01.27
[CSS] 이미지 없이 보더 라운드 처리  (0) 2010.01.11
[CSS] IE6 Div margin 두배 문제  (0) 2010.01.11
[CSS] DIV 태크 스크롤 관련  (0) 2010.01.05
posted by novasera

[tip] 배경이미지 반복

2010. 2. 9. 18:25 Programming(Web)/CSS
width : 1px 짜리 이미지를 반복 시키기.

background: url(이미지URL) repeat-x;
저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > CSS' 카테고리의 다른 글

[CSS] 탭 라운드 처리 (이미지 사용)  (0) 2010.04.19
[CSS] 마우스오버 버튼 만들기  (0) 2010.01.27
[CSS] 이미지 없이 보더 라운드 처리  (0) 2010.01.11
[CSS] IE6 Div margin 두배 문제  (0) 2010.01.11
[CSS] DIV 태크 스크롤 관련  (0) 2010.01.05
posted by novasera

[CSS] 마우스오버 버튼 만들기

2010. 1. 27. 15:16 Programming(Web)/CSS
http://blog.designersnote.net/97

아주 좋은 내용.


저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > CSS' 카테고리의 다른 글

[CSS] 탭 라운드 처리 (이미지 사용)  (0) 2010.04.19
[tip] 배경이미지 반복  (0) 2010.02.09
[CSS] 이미지 없이 보더 라운드 처리  (0) 2010.01.11
[CSS] IE6 Div margin 두배 문제  (0) 2010.01.11
[CSS] DIV 태크 스크롤 관련  (0) 2010.01.05
posted by novasera

[CSS] 이미지 없이 보더 라운드 처리

2010. 1. 11. 14:56 Programming(Web)/CSS
http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=49912&page=1
저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > CSS' 카테고리의 다른 글

[tip] 배경이미지 반복  (0) 2010.02.09
[CSS] 마우스오버 버튼 만들기  (0) 2010.01.27
[CSS] IE6 Div margin 두배 문제  (0) 2010.01.11
[CSS] DIV 태크 스크롤 관련  (0) 2010.01.05
[CSS] Pure CSS 3D  (0) 2009.12.30
posted by novasera

[CSS] IE6 Div margin 두배 문제

2010. 1. 11. 12:06 Programming(Web)/CSS
<div id="list_area" class="wrap_center">

<div id="menu_step1"></div>
<div id="menu_step2"></div>
<div id="menu_step3"></div>

</div>

이렇게 두겹으로 div를 싸고,

menu-step1, 2 ,3 세개를 float:left 한 상태에서

menu_step1의 margin-left를 10px정도 주려고 한다면,

IE6에서 (혹은 그외 버전에서) margin-left가 실제론 20px 적용이 돼 FF와 크롬화면 싱크에

문제가 생길 때가 있다.

일단 내가 해결한 방법은 menu_step1에 margin-left를 주지 말고,

list_area에 padding-left:10px;width:(처음넓이 - padding-left한 값)로 해줘서

다른 브라우저와 같아 보이게 했다.

기타 참고 내용 : http://mkyoon.com/25
저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > CSS' 카테고리의 다른 글

[tip] 배경이미지 반복  (0) 2010.02.09
[CSS] 마우스오버 버튼 만들기  (0) 2010.01.27
[CSS] 이미지 없이 보더 라운드 처리  (0) 2010.01.11
[CSS] DIV 태크 스크롤 관련  (0) 2010.01.05
[CSS] Pure CSS 3D  (0) 2009.12.30
posted by novasera

[CSS] DIV 태크 스크롤 관련

2010. 1. 5. 11:17 Programming(Web)/CSS
http://mwultong.blogspot.com/2006/06/html-css-div-scroll-bar.html
저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > CSS' 카테고리의 다른 글

[tip] 배경이미지 반복  (0) 2010.02.09
[CSS] 마우스오버 버튼 만들기  (0) 2010.01.27
[CSS] 이미지 없이 보더 라운드 처리  (0) 2010.01.11
[CSS] IE6 Div margin 두배 문제  (0) 2010.01.11
[CSS] Pure CSS 3D  (0) 2009.12.30
posted by novasera

[CSS] Pure CSS 3D

2009. 12. 30. 10:19 Programming(Web)/CSS
http://www.romancortes.com/ficheros/meninas.html
(IE에서는 원활하지 못함, 파폭이나 크롬으로 보기)

제작 과정.
저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > CSS' 카테고리의 다른 글

[tip] 배경이미지 반복  (0) 2010.02.09
[CSS] 마우스오버 버튼 만들기  (0) 2010.01.27
[CSS] 이미지 없이 보더 라운드 처리  (0) 2010.01.11
[CSS] IE6 Div margin 두배 문제  (0) 2010.01.11
[CSS] DIV 태크 스크롤 관련  (0) 2010.01.05
posted by novasera

티스토리툴바