본문 바로가기

스타일6

input 박스에 입력시 영문으로만 입력 되도록 하거나 한글로 선택 되도록 설정 ime-mode style 로그인 또는 회원가입 할때 사용자로 부터 정보를 입력 받을 때, input 입력 박스를 활용하는데, 이때 사용자 키보드 설정 상태가 한글 또는 영문 상태에 따라 잘못된 값을 입력할 수 있어서 이를 방지 하기 위해 style의 ime-mode를 이용해서 제어 할 수 있습니다. 아이디 : 위 예제는 아이디를 입력 받는 input 박스로써 style속성에 때문에 한글이 입력이 안되며 영문만 입력이 됩니다. 보통 자바스크립트로도 구현 가능하지만 이처럼 스타일을 이용해서 손쉽게 제어 할 수 있습니다. 다음은 ime-mode 옵션에 대한 설명 입니다. style="ime-mode:auto" - 현재 선택되어 있는 상태로 한/영중 선택 style="ime-mode:active" - Default로 한글 선택 되는 모.. 2010. 11. 1.
input 박스에 입력시 영문으로만 입력 되도록 하거나 한글로 선택 되도록 설정 ime-mode style 로그인 또는 회원가입 할때 사용자로 부터 정보를 입력 받을 때, input 입력 박스를 활용하는데, 이때 사용자 키보드 설정 상태가 한글 또는 영문 상태에 따라 잘못된 값을 입력할 수 있어서 이를 방지 하기 위해 style의 ime-mode를 이용해서 제어 할 수 있습니다. 아이디 : 위 예제는 아이디를 입력 받는 input 박스로써 style속성에 때문에 한글이 입력이 안되며 영문만 입력이 됩니다. 보통 자바스크립트로도 구현 가능하지만 이처럼 스타일을 이용해서 손쉽게 제어 할 수 있습니다. 다음은 ime-mode 옵션에 대한 설명 입니다. style="ime-mode:auto" - 현재 선택되어 있는 상태로 한/영중 선택 style="ime-mode:active" - Default로 한글 선택 되는 모.. 2010. 10. 29.
text-overflow 이용한 텍스트 길이 제한하기 게시판 리스트의 경우 제목이 길어지는 경우 특정 길이 이상은 자르고 "..." 붙이는거 많이 보셨을겁니다. 보통 php의 경우 substr() 함수를 이용하거나 left() 함수등 언어에 따라 다양하게 활용하는데 style로 간단하게 적용할 수 있습니다. text-overflow 옵션을 활용하는 것입니다. ellipsis 내용 ellipsis-word 내용 clip 내용 inherit 내용 링크에적용1 내용 링크에적용2 내용 테이블에 적용 내용 ------------------------------------------------------------------------------------ #example1 {text-overflow-mode: clip; width: 200px; overflow:hi.. 2009. 10. 31.
IE 8.0에서 iframe 스크롤 생기는 문제 body style로 스크롤바 없애기 iframe으로 광고 페이지를 삽입할 때 스크롤바 없애기 IE 8.0 에서는 위처럼 하더라도 iframe src 페이지 내용이 100*200을 넘어 버리면 스크롤이 생겨버립니다. 해결 방법은 src 페이지의 body style을 변경 해야합니다. [옵션 설명] - hidden : 스크롤 없애기 - auto : 내용이 지정된 사이즈 이상일때 자동으로 스크롤 생성 - visible : 사이즈에 관계 없이 내용 모두 보여준다 - scroll : 시작부터 스크롤바 생김 위 글은 세이박스(http://www.saybox.co.kr) 에서 작성한 글입니다. 퍼가실땐 출처를 남겨 주세요! 2009. 9. 25.