html / javascript / css 썸네일형 리스트형 cross browser word-break 이 많은 자료를 찾았으나 오페라는 결국 해결되지 않았다. 오페라는 자바스크립트를 이용해 브라우저를 확인하고 아래의 ""를 이용해 처리했다. css로 적용되는 건 IE에서 word-break:break-all, FF에서 word-wrap: break-word;이 적용된다. 참고로 td 태그에서는 암 것도 안 먹는다. 암튼 아래 3가지를 적용해서 해결해야 한다. 올린 파일은 이를 적용해서 막 코딩 한 것이다. 오해 없길 ... ^^;; * FF억지춘향 줄바꿈 출처 : http://bbs.freecount.net/bbs/bbs.php?m=view&bid=study_4&id=210&page=1&cate=&q=&sopt= html에서 한 문장의 줄이 길어지면 보통은 자동으로 줄바꿈해주지 않는다. IE(5.5부.. 더보기 [Event] observe 에서의 onload와 dom:loaded 의 차이 기본적으로 대부분의 스크립터는 "페이지가 모두 로드 되었다." 라는 전제는 이미지를 포함한 모든 리소스가 로드완료 (즉 하단 상태표시줄에 완료 라고 찍히는 타이밍)을 페이지가 로드 되었다 라고 인식한다. 하지만 실제로(물론 위의 설명이 가장 적합하지만) 스크립트가 실행되는데는 모든 리소스를 전제로 기능을 추가하지만 그렇지 않아야 하는 경우도 있다. 즉. dom만 있으면 되는 경우이다. (대표적으로 CSS가 그렇다. 이미지도 하나의 엘리먼트로 인식하라. src에 있는 이미지가 다운로드 되는것과 img 엘리먼트가 dom로드되는것은 틀린이야기이다.) prototype에서는 이에 대해서 서로 다른 이벤트로드를 지원하는데. Event.observe(window,"load",handler) Event.observe.. 더보기 meta 태그 meta 태그에는 name, content, http-equiv 3가지 속성이 있다. //홈페이지 주제 //제목 //키워드 //요약설명 //제작자 //제작사 //웹책임자 //카테고리위치,분류 //제작도구 //메일주소 //메일주소 //파일이름 //제작일 //제작일 //위치 //배포자 //저작권 //이 문서도 긁어가고 링크된 문서도 긁어감 //이 문서는 긁어가지 말고 링크된 문서만 긁어감 //이 문서는 긁어가고 링크는 무시함 //이 문서도 긁지 않고 링크도 무시함 //웹문서 언어 설정 //그림위에 마우스 오버시 이미지 관련 툴바 숨김 //60초 마다 새로고침 더보기 [HTML] IR(Image Replacement) 이미지 대체 1. JavaScript 사용하지 않은 상태에서 이미지 변경이 가능 2. FF 에서 이미지 보이지 않음 을 하였을 경우(배경 이미지대한 정보)에 정상적인 출력 -> img 남용을 막고 CSS만을 통한 이미지 관리를 위한 부분 위의 1번은 책에서 보고 했는데 2번은 노가다의 성과 ㅋㅋ ( 국내 유명한 사이트는 전부 CSS 확인의 초노가다 ) 핵심코드만 적겠습니다. DTD : 테스트 이미지 왜이렇게 코딩을 하는지에 대해서 질문하시는 분들도 계실껍니다. 물론 JS 를 써서 테그의 src 를 바꾸면 된다고 이야기하시는 분들도 계실 껍니다. 그러나 위와 같은 방법으로 한다면 JS를 쓰지 않고 이미지 교체가 가능하며, HTML 소스의 손을 대지 않은 상황에서 CSS 만으로 이미지 교체가 가능하다는 강력한 장점이 존.. 더보기 IE 버젼별 적용 gt = selects greater than 보다큰 : if gt IE 6 -> 현재버전 > 6 lt = selects less than 보다 작은 : if lt IE 6 -> 현재버전 현재버전 >= 6 lte = selects less than or equal to 같거나 작은 : if lte IE 6 -> 현재버전 , , , , 더보기 구버젼 ie 백그라운드 캐쉬 if(isIE && !isIE7){ try{ document.execCommand("BackgroundImageCache", false, true); }catch(e){} } 더보기 zoom 스타일 제어시 Flash Object가 사라지는 버그 플래시 오브젝트의 wmode 제거.. 퐝당.. IE 그지같아서 못쓰것다.. 제기랄 또 레이어가 문제.. "빈테이블로 td에 각각의 text나 img요소를 넣고 align값만으로 서비스에 문제가 없도록 한다!" 젠장.. 빌어먹을 zoom 더보기 동적 스타일 - 자바스크립트로 CSS 다루기 소개 당신은 여기까지 자바스크립트를 배워 오면서 기본적인 구조와 DOM을 이용해서 요소를 선택하는 방법을 배웠으며, 선택한 요소를 다루는 방법도 익혔다. 이 글에서는, 자바스크립트를 사용해서 CSS를 조작하고 요소에 사용된 스타일을 동적으로 변경하는 방법을 다루고자 한다. 사실 이 방법들은 이미 다루어진 것 들이지만 CSS DOM과 작업할 때 조금 더 염두에 두어야 할 것들이 있다. 이것들에 대해서 이야기해보자. 스타일시트에 접근하기 스타일시트 속성 규칙을 추가하거나 제거하기 요소의 스타일 변경하기 요소의 클래스명 요약 연습문제 스타일시트에 접근하기 브라우저는 기본적으로 스타일시트와 연동하기 위한 인터페이스를 제공한다. 자바스크립트 코드에서는, document.styleSheets 를 이용해서 스타일시트.. 더보기 로봇 배제 표준 (robots.txt) 검색엔진상위등록을 위한 검색엔진최적화 작업은 어떻게하면 검색엔진에게 잘보일까하는 것이 관건일 것이다. 검색엔진의 로봇은 링크를 타고 다니면서 정보를 수집, 정리 하여 검색결과를 보여주므로 링크에 대해 상당히 민감하다. 따라서 웹사이트 내부 링크 중 깨진 링크는 없는지 잘 살펴보고 깨진 링크를 제거 하는 것이 검색엔진최적화 중 한 부분이다. 그런데 노출을 하면 안되는 파일이나 폴더, 또는 게시판을 크롤링하여 이미 삭제된 게시물 까지 깨진링크로 나오는 경우가 있다. 이런 경우 게시판 전체를 검색로봇의 크롤링에서 제외시키는 것이 오히려 검색엔진상위등록에 유리할 수 있다. 검색로봇이 웹사이트를 방문했을 때 없는 파일 계속 찾는 수고(?)를 덜어 주는 것이다. 사람도 길을 잘가고 있는데 갑자기 막다른 길이 나오.. 더보기 레이아웃 고정 Fixed Layer for IE / Very Simple / 양키협찬 LINE #01 LINE #02 LINE #03 LINE #04 LINE #05 LINE #06 LINE #07 LINE #08 LINE #09 LINE #10 LINE #11 LINE #12 LINE #13 LINE #14 LINE #15 LINE #16 LINE #17 LINE #18 LINE #19 LINE #20 Example ↑↓ Fixed Layer 더보기 이전 1 다음