본문 바로가기

반응형

Story/html/css

F12 개발자 도구의 콘솔 오류 메시지 F12 개발자 도구의 콘솔 오류 메시지 이 참조를 사용하여 Internet Explorer 11의 콘솔 및 디버거에 표시된 오류 메시지를 해석합니다. 소개 F12 개발자 도구를 사용하여 디버그하는 경우 SEC7111 또는 HTML1114 같은 오류 코드가 콘솔 및 디버거 도구에 표시됩니다. 여기서는 일반적인 콘솔 오류 코드 및 관련 메시지 목록을 제공합니다. 또한 자세한 설명 및/또는 해당하는 경우 문제를 해결하기 위한 제안 사항을 제공합니다. 표에 있는 설명은 문제 디버그를 위한 시작점을 제공할 뿐이며, 추가 정보를 얻는 가장 좋은 방법은 온라인 개발자 포럼이나 Internet Explorer 개발자 센터를 검색하는 것입니다. 보안 오류 보안 오류 코드는 SEC7xxx 형식입니다(예: SEC7113)... 더보기
css Seletor 에서 > 꺽쇠의 의미 body>#content body>#content 는 body element 의 바로 하위의 #content만 선택이 됩니다. child selector 라고 합니다. http://www.w3.org/TR/REC-CSS2/selector. … -selectors child selector 와 같은 경우를 선택할때 사용이 됩니다. 와 같은 경우는 선택이 안되지요. 반면 body #content 의 경우는 Descendant selectors 인데 body 의 하위에 #content 가 어느 뎁스에 있어도 선택이 됩니다. 첫번째 뎁스 두번쨰 뎁스 와 같은 코드가 있을때, #child li 를 쓰면 첫번째와 두번째 뎁스의 li 가 다 선택되지만, #child>li 만 쓸 경우첫번째 뎁스만 선택이 됩니다. 출처.. 더보기
HTML5 table align 테이블을 오른쪽 이나 중앙 정렬하고 싶을때 다음과 같이 사용했었는대 하나 둘 하나 둘 이게 html5 에서는 지원하지 않는다. HTML5 에서 사용하려면 다음과 같이 사용해야 한다. CSS syntax: 더보기
소셜 공유버튼 쉽게 달기 sns 를 많이 사용하는 요즘 공유버튼이 사용되는 많은 사이트들이 있다. 각각 스크립트로 넣기 귀찮기도 하고 일도 많은대 쉽게 추가할수있는 서비스를 제공하는 사이트가있다. http://sharebutton.net/ 이 사이트에서 두가지 스크립트를 무료로 제공하는대 첫번째 좌측 상단에 넣을수있는 방법애 스크린삿과 스크립트 두번째 우측 하단에 넣을수있는 방법애 스크린삿과 스크립트 버튼도 깔끔하고 쉽게 넣을수있다. 우측에 버튼을 클릭해서 공유해보시길... 더보기
The big web design trends for 2015 The big web design trends for 2015 "웹서핑 하던 도중 아래와 같이 2015년 웹디자인 트렌드에 관한 글을 보게되었다. 국내 사이트만 보다 외국의 색다른 사이트들을 보니 이렇게도 할수있구나 싶은 내용들도 있어서 잊지 않으려고 퍼오게 되었다." When thinking about web design, you must consider the full spectrum of possibilities that the internet presents. Done boldly, designers can push the limits of human interaction and imagination on a global scale – as is often seen with edgier indus.. 더보기
복사금지 PC , 모바일 사이트내 컨텐츠를 긁어 가지 못하도록 처리할때 보통 처럼 처리하거나 javascript 를 이용하여 document.oncontextmenu = new Function ('return false'); document.ondragstart = new Function ('return false'); document.onselectstart = new Function ('return false'); 처럼 사용한다. 그러나 요즘 모바일도 사용을 많이 하는대 모바일에서는 복사가 된다. taphold 이벤트를 통해서 컨텐츠를 오래 누르고 있으면 메뉴가 활성화 되서 복사가 가능해진다. 하지만 아래와 같은 방법으로 css 만으로도 막는게 가능하다. 출처 https://github.com/mar10/jquery-ui-c.. 더보기
구글지도 삽입(새 Google 지도) 홈페이지에 넣을 지도 api 를 사용할때 구글맵을 넣는 방법 기본 지도, 운전 길찾기 또는 지역 검색을 새 Google 지도에서 웹사이트 또는 블로그에 삽입할 수 있습니다. Google에 로그인한 뷰어는 집과 직장, 저장된 위치 등도 삽입된 지도에서 볼 수 있습니다. 코드 가져오기 삽입하려는 지도가 현재 지도 화면에 있는지 확인합니다. 오른쪽 하단의 설정 톱니바퀴 아이콘을 클릭합니다settings gear icon in the bottom right. 지도 공유 및 삽입을 클릭합니다. 표시되는 상자에서 지도 삽입 탭이 선택되어 있는지 확인합니다. 원하는 삽입 크기를 선택한 후 HTML을 복사하여 웹사이트 또는 블로그의 소스 코드에 코드를 붙여넣습니다. 삽입된 지도에서는 교통정보 및 일부 다른 지도 기능을.. 더보기
구글차트 google chart 사용시 값이 0 인경우 표시하기 위와 같이 구글챠트를 이용할때 legend 에 값이 0 인것은 나타나지 않는 현상이 있었다. 0 인것도 보여주고 싶을땐 // Set chart options var options = {'title':'How Much Pizza I Ate Last Night', 'width':400, 'height':300, 'sliceVisibilityThreshold':0}; sliceVisibilityThreshold:0 이 항목을 추가해 주면 0인값도 보여지게 된다. 혹시나 ie8 버전에서 안나오면 어떻하나 했는대 javascript 문법만 잘 맞춰주면 정상으로 나온다. 예를들면 addRows 나 options 등에서 배열형태인대 마지막에 ,를 남겨둔다거나 하면 ie8이나 ie9에서 정상으로 보이지 않는다. 더보기
flash 와 레이어가 겹쳐있을때 레이어가 flash 밑으로 숨는경우 해결방법 wmode 값을 transparent 로 지정해준다. 더보기
ie11 frame history 문제 ie11 로 바꾼뒤 프레임으로 이루어진 홈페이지에서 history.back() 이 정확하게 동작하지 않는 버그가 발생했다. 해결 방법을 찾으려고 찾아보았으나 아직 해결책을 찾지 못했다. http://connect.microsoft.com/IE/feedback/details/806548/history-doesnt-work-with-iframe http://connect.microsoft.com/IE/feedback/details/809053/iframe-navigation-no-longer-adding-to-the-browser-history 외국 사람들도 이 문제를 bug 로 의견을 올려두었으니 곧 해결이 되길 바란다. 더보기

반응형