드럼치는 프로그래머

[출처] http://cat.hubweb.net/board_s1h4c2/492해당 URL의 소중한 자료 정독 후 프로그래밍 학습에 도움이 되었음을 밝힙니다.셀의 줄바꿈 문제2009.09.09 00:04:29 (123.108.165.187) 셀에서 데이터를 뿌릴때, 셀의 끝까지 글이 채워졌을때, 한글은 자동으로 한줄내려가는데, 영어는 계속 늘어져서 틀이 깨지는 경우가 있는데요..이럴때 태그에..다음의 스타일을 지정합니다.

원 [출처] http://blog.daum.net/_blog/BlogTypeView.do?blogid=0c2rC&articleno=10&categoryId=0&regdt=20120712102426

See this answer if you are using chrome or Safari. Cursor not changing to pointer in Usemap/area caseI will add that your code is too complicated. You dont have to add style, id, shape and so on as attributes (attr.value = "cursor:pointer"; will probably never work at all). The code below works fine, results in a nice 1,1,100,100 map with cursor as pointer. But again works only in browsers like ..

아래 링크를 참고하면 된다. ▶텍스트 말줄임 (text-overflow:ellipsis) 현재 모든 최신 브라우저가 다 지원한다. (놀라운 건, IE는 이미 6부터 지원하고 있었다는 것 ㅋ)코드를 배껴 온 뒤, display: block;만 추가했다. inline-block을 사용해도 된다..ellipsis { width: 200px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; }왜 저런 식의 코드인지 설명은 링크에 들어가서 보길 바란다.문단 말줄임위 CSS로는 한 줄짜리만 말줄임표 붙이는 게 가능하다...

ui.jqgrid.css 중 font-family를 추가하였습니다. .ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative; height:17px;font-family:'NanumGothicB','나눔고딕', "돋움", dotum;font-size:15px;} [출처] http://hwoarang757.tistory.com/entry/JQuery-JQGrid-%ED%97%A4%EB%8D%94-%ED%8F%B0%ED%8A%B8-%EB%B3%80%EA%B2%BD-%EC%98%88%EC%A0%9C

텍스트가 일정 길이 이상 길어지는 경우 생략 기호를 사용하여 표시하면 매우 효과적입니다. 길이가 더 길다는 것을 시각적으로 표시할 수 있고 공간 안에서 레이아웃을 효과적으로 꾸밀 수 있죠. 일반적으로 한줄인 경우에만 생략 기호를 사용하나 만약 폭(width)이 너무 좁아 두 줄 이상의 텍스트를 생략 기호를 사용해 보여주려면 가능할까요?? 이런 물음은 크롬의 경우 텍스트가 두 줄인 경우에도 적용되기 때문입니다. 하지만 항상 그렇듯 다른 브라우저에서는 정상 적용되지 않는데 이런 경우 해결 방법은 무엇이 있을까요?? 일단 IE에서 두 줄 이상의 멀티 라인에는 적용되지 않았습니다. 구글링을 해보았으나 정상적인 방법으로 해결할 수는 없다는 결론입니다. 그리하여 이런 경우 선택 할 수 있는 방법음 아래와 같이 세가..

반응형 웹디자인은 웹브라우저의 가로폭에 따라 레이아웃이 변하고, 그에 따라 각 요소의 가로폭도 변합니다. 텍스트는 일반적으로 바뀐 폭에 맞추어 줄바꿈이 되지만, 이미지는 줄바꿈이라는 게 없기 때문에 문제가 생깁니다. 어떤 문제가 발생하는지 살펴보고 해결책을 찾아보겠습니다. 이미지 크기를 정하지 않은 경우 이미지의 크기를 정하지 않으면 부모 요소보다 큰 이미지는 부모 요소를 벗어나서 나타납니다. 이를 해결하는 방법은 max-width 속성을 부여하는 것입니다.img { max-width: 100%; } 최대 크기를 부모 요소의 크기로 제한하는 것입니다. 가로 세로 비율에 맞게 크기가 줄어듭니다. 이미지 크기를 attribute로 설정한 경우 이미지 크기가 attribute로 설정되어 있으면 max-widt..

cursor 속성을 이용하면 해당 태그 위에 위치하는 마우스 커서의 모양을 바꿀 수 있다. auto : 자동 default : 기본값 (화살표) pointer : 클릭시의 마우스 (손가락 모양) wait : 로딩 등 다양한 종류의 cursor 속성이 있다. 사용법 Wait 예제 Auto Crosshair Default Pointer Move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize Text Wait Help 출력 결과: Auto Crosshair Default Pointer Move e-resize ne-resizenw-resize n-resize se-resize sw-resize s-resize w-resi..