본문 바로가기

img

(5)
usemap 사용시 크롬에서 작동하지 않는다면..? 아래 코드를 MS 사의 인터넷익스플로러(Internet Explorer, IE) 에서 실행하면 잘 실행됩니다.그런데, Google 사의 크롬(Chrome) 에서 실행하면..? 작동하지 않습니다. 아래 코드와 같이, 대체로는 map 의 name 과 id 를 동일한 명칭으로 세팅하는데..누군가가 이걸 다르게 세팅해서 우연치 않게 발견했네요. ~. 어떻게 보면 usemap 에서 '#' 을 사용하기 때문에 map 태그의 id 에 기재된 "idMap" 이 작동할 것같지만,usemap="#nameMap" 과 같이 해야 map 태그 하위 태그인 area 의 href 에 기술된 내용이 작동합니다.이것이 조금 이상하다구요..? jquery 등의 툴을 사용하는 경우, id 에 '#' 을 class 에 '.' 를 사용하는 ..
인터넷 익스플로러(IE) 에서 이미지를 둘러싼 태그의 여백에 영향을 주는 요소 예를들어 아래와 같은 HTML 코드가 있다고 할 때, DOCTYPE 이 세팅된 경우라면 생각하는 대로 표시되는데 DOCTYPE 이 없다면..?Box 모델을 생각해 볼때, padding 과 margin 을 고려해 볼 수 있는데..padding 은 IE 와 Chrome 등에서 유효하지만, margin 의 경우 상하는 값을 주어도 적용이 되지 않고 좌우만 수치 조정이 가능.다음으로 생각해 볼 것은 line-height.. 그런데도 이미지 상하에 여백이 발생한다면 font-size 를 조정해 보세요.물론, 이미지에는 적용할 필요 없고, 이미지를 감싸는 태그에 적용하면 됩니다. .........
이미지 위에 레이어를 올렸는데, 브라우저 폭이 변할때 같이 변하지 않거나 레이아웃에 가로줄이 생길때.. o 박스 안에 이미지와 절대좌표 박스가 들어간 형태에서 호환성 보기를 하면 레이아웃에 금이 가는 현상 다른 웹브라우저나, IE 일반 모드에서는 정상인데.. 유독 IE 호환성 보기에서 레이아웃이 깨짐. ... 이때는.. img 와 absolute 인 div 사이에 공간이 없게 해야 하는군요. ... 그런데, 브라우저 폭이 변할때 absolute 로 잡은 영역이 같이 변하지 않아서 레이아웃이 깨진다면.. 아래와 같이 relative 영역에 이미지를 가져다 사용하는 것이 필요. ...
페이스북 상태 업데이트 입력창에 URL 을 입력하면, 페이스북이 해당 URL 내용을 자동으로 가져오게 하기.. 페이스북 '상태 업데이트' 창에 URL 을 등록할때, 페이스북이 친절하게도 해당 URL 의 내용을 긁어와서 붙여줍니다. 이렇게 되도록 하려면 아래와 같은 코드가 해당 웹페이지에 기술되어야 합니다. 그런데 주의할 것이 있지요. 1. 일단 keywords meta 는 글쎄요.. 뭐에 쓰는진 모르겠네요. 일단 기술은 해 보세요. 2. title meta 와 title 태그가 동시에 존재한다면 title meta 의 content 에 기술된 내용이 적용됩니다. title meta 와 title 태그의 선후 위치에 상관없이 meta 가 먼저 적용된다는 것이죠. title meta 가 먼저 기술되고 이후에 title 이 기술되든, title 이 먼저 기술되고 title meta 가 나중에 기술되든 상관이 없어요. ..
이미지 맵에 jQuery attr 함수를 사용하여 '손' 모양의 커서를 붙이면서 링크 거는 방법 이미지 맵에 bind 함수로 click 이벤트를 넣으면 작동은 하는데.. 이미지에서 이미지 맵에 설정된 곳에 '손' 모양의 커서가 나오지 않아요. css 함수로 커서를 넣으려고도 해 보고, addClass 함수를 써 봐도 소용이 없더군요. area 태그에 href 를 추가하면 '손' 모양의 커서가 표시되기는 하지만.. 클릭하면 엉뚱한 결과가 나오져.. 그래서, bind 는 포기하고.. attr 함수를 써서 'href' 속성에 값을 넣도록 하니 커서 모양도 바뀌고, 제대로 돌아갑니다.. 아래 예에서는 shape 을 poly 로 주었는데, 다른 속성을 사용해도 마찬가지 입니다. openThis 함수는 별도로 만들어져 있는데.. 그냥, window.open 에 파라미터 주는 거라서 생략. 링크 달때, href..