시간을 사진하다 썸네일형 리스트형 삼총사 저 뒤에... 가속 평화롭구나...또 가고 싶다...ㅜㅠ 나무 소년 해안절벽 시드니 제놀란(Jenolan) 동굴 앞에서 산책하다 IE에서만 발생되는 z-index 버그...ㅡㅡ^ 부모객체부터... 소스코드를 보면 노란 박스가 z-index 가 20인데도 z-index 가 10인 초록색 박스 밑으로 깔려버린다. 두 박스의 차이점은 노란박스를 싸고있는 다른 div 가 하나 더 있다는 차이점 뿐이고, 노란박스를 싸고 있는 div 는 position:relative 로 되어있다는 것이다. IE 에서만 이런경우 z-index 를 무시해 버린다. 이유는 잘 모르지만 노란박스가 20 의 z-index 값을 갖고있지만 노란박스를 싸고 있는 div 는 z-index 가 지정되지 않아 0 이고, 그의 자식인 노란박스가 그것을 따르는 것 같다. 시험삼아 노란박스를 싸고 있는 div(#container) 에 z-index 20 을 주니 정상적으로 동작했다. IE 에서는 포지션이 지정된 엘리먼트의 자식노드들은 부모 노드.. 명쾌한 개념 정리 div display : inline block float 1. display block Element 를 정렬할때 display: inline; 이나 float를 사용한다고 알고계시는 퍼블리셔들이 몇명이있다. 하지만 display경우에는 말그대로 디스플레이될 상태를 설정하는것이다. 즉 ! inline 레벨로 할것이냐 block레벨로 할것이냐 아니면 숨길것이냐를 설정하는것이다. 예전에 어딘가에서 display: inline; 과 float:left;를 같은 용도로 정렬로 사용하는데 차이점을 묻는 글을 본적이 있다. block을 inline으로 하면 자연스럽게 인라인의 특징인 left정렬이 되는것이 당연하다. 예를 들어 span도 inline요소이다 이녀석을 aaaaaa 당연히 left정렬이 된다. 하지만 block요소들은 float로 설정하지않은이상은 떨어져서 .. div 의 display 속성에 대해서... div 태그로 만든 Layer를 안보이게 하는 두가지 방법 1. display:none block 아예 사라지게 하는것. 보이지도 않고 해당 공간도 존재하지 않게 됨 2. visibility:hidden visible 보이지만 않고 해당 공간은 존재. width와 height값을 주었다면 그만큼 공간은 존재하게 됨 같은 기능을 하는 div 태그에 어떤건 display로 적혀있고 어떤건 visibility로 적혀있길래 디자이너 대리님께 여쭤보니 저리도 명쾌한 대답을.. 나도 누가 뭐 물어보면 아주 명쾌하게 대답하고 싶다.. + 추가로 알게 된 사실. display의 속성으로 none과 block만 있는 줄 알았는데 아니었다. none, block, inline, inline-block, list-item,.. 생각해봐 완전 이쁘다... 핸드 쉐이크 ㅋ 조준호 멋진데? ㅋㅋㅋ 즐거웠던 한때 친구 저리가 배려 친구 인터넷 익스플로러(IE6, IE7, IE8) 동시에 사용하는 방법 웹 표준과 크로스 브라우징 잘 만든 웹페이지라면 기본적으로 크로스 브라우징을 잘 지원해야 합니다. 물론 블로그도 마찬가지입니다. 이를 확인하는 데에는 특별한 방법이 있는 게 아니라, 코딩을 끝낸 후 여러 제품의 브라우저로 직접 테스트를 해보면 됩니다. W3C Validator로 표준 유효성 검사를 할 수도 있겠지만, 자신의 웹페이지가 유효성 검사를 통과하더라도 크로스 브라우징이 모두 해결된 것은 아닙니다. 현실적으로 모든 브라우저가 웹 표준을 지키는 것은 아니며, 또한 웹 표준을 따르더라도 렌더링 과정에서 미묘한 차이가 있기 때문이지요. 가장 좋은 방법은 역시 직접 눈으로 확인하는 것입니다. 현재 브라우저 시장에는 Opera, Firefox, Safari, Maxthon 등 다양한 제품이 있지만 일일이 .. 크로스브라우징 CSS 핵 정리 Netscape 4 제외시키기 Netscape 4은 media속성값에 "screen"이외의 값이 올 경우 읽어 들이지 못하는 것을 이용한 방법이다. 이나 라고 지정할 경우 Netscape 4은 읽어 들이지 못한다. 부분적으로 읽어들이지 못하게 하는 경우에는 Caio's hack인 /*/*/를 이용한다. 보통 코멘트는 */으로 닫지만 /*/으로 닫게 되면 Netscape 4에서는 인식되지 않는다. 그 뒤에 평상시의 코멘트 /* */를 적어두면 그 뒤의 스타일은 Netscape 4에서도 문제없이 적용된다. p { /*/*/ color:white; /* */ } Win IE 3~4, Mac IE 4~4.5, Netscape 4 제외시키기 @import로 url()함수를 이용하여 외부 스타일시트를 이중인용부호로.. 절대경로 상대경로의 기본 원칙~ 이상하게 자꾸 까먹어 ㅎㅎㅎ 상대경로의 기본원칙. 1) 모든 경로는 \ 로 구분된다. 2) .\ (점 하나) 는 현재경로를 반환해 준다. 3) ..\ (점 둘) 는 상위경로를 반환해 준다 플래시가 삽입된 페이지에서 현재페이지 인식하기(네비게이션, GNB) lec32.zip (9Kbytes) html 페이지에 따라 해당 메뉴를 표시해주는 메뉴를 만들어볼려고 합니다. 물론 플래시 무비는 하나구요. 이 소스는 html 페이지가 그리 많지 않고 통프레임으로 이루어진 사이트일 때 유용하게 사용할 수 있겠습니다. :: 완성된 무비 여기를 클릭해주세요. :: 만드는 방법 주요한 부분만 설명을 드리겠습니다. 1. 메뉴는 11강에서 만든 메뉴입니다. 1프레임의 프레임 액션을 아래와 같이 수정했습니다. overState는 각 메뉴의 롤오버/롤아웃 상태를 체크하기 위해 사용한 변수입니다. _root["MenuName" + pageNum + "_mc"].overState = true; //변수 pageNum의 값은 html 문서에서 넘어옵니다. 해당 메뉴에 대한 롤오버 액션이.. 플래시에서 절대경로 상대경로 입력하는 방법은 주의가 필요 플래시가 삽입 되어져 있는 html파일의 위치로부터 상대 경로를 입력해야 한다. 예를 들어 폴더 구조에서.... menu.swf 파일이 index.php 파일에 삽입된 것이고, bbbb.php 파일로 링크가 되어 있다면... getURL("../aaaa/bbbb.php","_self"); 로 해야 맞다. 그런데 만약 menu.swf파일이 index.php 파일과 bbbb.php파일 두군데 같이 들어간다면 문제가 있습니다. index.php 파일에서 링크를 클릭하면 aaaa폴더의 bbbb.php 로 가는 링크의 상대경로는 맞으나, bbbb.php 에서 bbbb.php로 가는 버튼을 클릭하면, aaaa/aaaa/bbbb.php를 찾기때문에 찾을수 없다고 나온다. 그렇기 때문에 메뉴와 같이 여러 파일에서 공통.. 박칼린과 임정은의 듀엣 - 아름다운 널(듣기/가사/뮤비) 멋지다...^^;; 아니라며 너는 자꾸 웃지만 벌써 몇 번이나 그 이름을 말하고 있어 사랑에 빠진 너라는 걸 모르는 사람도 알거야 너의 미소를 본다면 이제 문을 두드려 네 손을 내밀어 사랑한다고 너의 맘을 고백해봐 불안한 맘이 앞서겠지만 겁이 나겠지만 더 이상 너를 감추려고 하지 마 사랑 하나만으로도 아름다운 널 말야 사랑받지 못하는 것보다 더 (말하지 못한 사랑에) 훨씬 아픈 건 사랑을 주지 못하는 거야 (가슴이 닳기도 해) 그리움이 병이 된 후에 그가 남의사람 된 후에 깨달은 나를 알잖니 이제 문을 두드려 네 손을 내밀어 사랑한다고 너의 맘을 고백해 봐 불안한 맘이 앞서겠지만 겁이 나겠지만 더 이상 너를 감추려고 하지 마 사랑 하나만으로도 누구보다 아름다운 널 그렇게 아팠던 너의 가슴도 다시 뛰게 해.. 실전 UI(HTML/CSS)개발 가이드 유니버설 디자인을 위한 실전 UI(HTML/CSS)개발 가이드. 본문 건너 뛰기 올해 하반기에 해야 할 일들이 많이 쌓여 있었습니다. 강의, 책, XE(오픈UI프로젝트)에서 사용해야 할 ‘교재, 콘텐츠, 가이드’를 만들어야 했는데 따로 따로 준비 하자니 너무 소모적인 일들이라 벌어진 일들을 한 번에 일망타진할 수 있는 묘안이 필요했고 제 결단은 ‘세 가지 일을 한 번에 해치우기’ 였습니다. ‘토, 일’ 모두 사무실로 출근하면서 후배들이 궁금해 할만한 질문들을 추린 다음 스스로 답변을 달기 시작 했는데 오늘 문서를 완성(?) 했습니다. 여러 문서들을 참조 했지만 주관적인 의견이 포함된 내용도 있어서 ‘정답’이라고 할 수는 없습니다. 하지만 UI 개발자들이 한 번 쯤은 고민했던(또는 해야 할) 주제들의 FA.. 관찰 들어갈까? 이전 1 ··· 220 221 222 223 224 225 226 ··· 233 다음
