마우스 드래그, 마우스 오른쪽 버튼을 막아둔 것 풀어버리기

네이버 웹툰에 있는 만화에 링크를 걸려다 마우스 우클릭이 동작을 안하길래, 구글링을 했는데 거기서 나온 스크립트도 네이버 웹툰에서는 제대로 동작을 안했다.

조금 살펴보니 개선할 여지가 있길래 약간의 코드를 더해봤다. 절대 네이버 웹툰에 있는 이미지를 링크하기 위한 목적이었던 건 아니다.

Continue reading 마우스 드래그, 마우스 오른쪽 버튼을 막아둔 것 풀어버리기

CSS로 탭 내비게이션 구현하기…

오랫만에 웹페이지 코딩을 할 일이 있었는데, 탭 내비게이션이 필요한 상황이라 html + css로 탭 내비게이션을 구현해보았습니다.
block 레벨 엘리먼트에 position 속성을 주게 될 경우 새로운 context가 시작되게 되므로 그 하위 엘리먼트에서 position: absolute를 사용할 경우 position을 속성을 지정해둔 상위 엘리먼트의 위치 기준으로 위치가 지정된다는 사실을 이용하는 방법입니다.
border만을 활용하다 보니 디자인 상으로 사소한 문제가 있지만 span 등을 활용할 경우 충분히 이쁘게 만들 수도 있을거라 생각합니다.
Continue reading CSS로 탭 내비게이션 구현하기…