rintiantta / hanbit.modern.html5.css3 Goto Github PK

10.2의 3차원 변환 실습을 예로 들겠습니다.
p.409-411의 코드 10-10, 10-11대로 HTML을 구성했습니다.
p.411-412의 코드 10-12, 10-13대로 StyleSheet.css 파일을 작성했습니다.
코드를 실행하면 css 파일을 가져와 그림 10-14처럼 앞에서 본 정육면체가 나와야 한다는데...
아무것도 보이지 않습니다 ;ㅁ;

먼젓번에 올린 질문도 css 파일의 스타일이 적용되지 않는 문제였던 것 같은데...
제가 뭘 틀린건지 당최 모르겠습니다.. 도와주세요. ;ㅁ;
코딩한 걸 다 복붙할 수도 없고... 파일 첨부도 안 돼고... Is there anybody can help me?

/2쇄 발행본 보고 있습니다./

p.383의 그림 9-3처럼 폴더 구성 후 코드 9-4, 9-5처럼 html 파일을 작성했습니다.
StyleSheet.css 파일의 기존 코드는 모두 삭제하고 코드 9-6처럼 작성했습니다.
(아직 transition-delay, transition-timing-function, transition-property 속성을 사용하지 않았습니다.)
그런데 실행하면 그림 9-4처럼 동일한 길이의 오렌지색 막대가 생기는 게 아니라
p.390의 그림 9-11처럼 결과값이 나옵니다.

무엇이 잘못된 것인지 이해가 잘 되지 않습니다. 답답하네요 ;ㅅ; 도와주세요!

현재 FancyBox plugin version 1.x는 jQuery 1. 9 버전 이상에서는 작동하지 않는 것 같습니다.

이 문제는 아래 링크의 내용을 참조해 해결했습니다.

http://stackoverflow.com/questions/14344289/fancybox-doesnt-work-with-jquery-v1-9-0-f-browser-is-undefined-cannot-read

UI.layout plugin 도 최신 jQuery version 1.10.1 에서 작동하지 않습니다.

감사합니다.

안녕하세요,

p.464에 코드 12-16의 스타 핵 *width 부분에 오탈자가 있습니다.

percentage (0.5 / @gridRowWidth * 100); 로 넣으면 percentage(0.5)가 되므로 50%가 나옵니다. 수정하기 위해서 100을 빼주어야 합니다. -> percentage (0.5/@gridRowWidth);

http://lesscss.org/ 에 보면 percentage 는 안의 숫자를 percent 단위로 바꾼다고 되어 있습니다.

The following example uses percentage to convert 0.5 to 50%

width: percentage(0.5); // returns 50%

감사합니다.