width:100% 에서 특정 픽셀만큼 빼기

게시글

이미지를 커팅하는 방법

실제로 이미지가 커팅되는것이 아닌 보여지는 부분을 제한 하는 형식이다 CSS로 특정 이미지 만큼 잘라서 보여주기

게시글

백그라운드 이미지에 padding값을 주는 방법

백그라운드를 노출할때에 공간을 띄우고 하고 싶을때가 있다 이럴때 다음과 같이 하면된다. style="background-image:url('이지지경로'); background-position:10px 20px;" x=>10px y=>20px 띄우게된다

게시글

html,body 부분의 스크롤바 제거하는 방법

html,body부분의 스크롤바를 제거하고자 하는경우가 있다 이때 사용하는 방법이다 html, body { height:100%;overflow-x:hidden; overflow-y:auto} overflow-x,overflow-y브라우저별,버전별에 따라 지원유무를 파악한후 사용해야한다

게시글

이미지,프레임 사이즈등 변경하는 정규식

이미지,프레임 사이즈등를 변경하 고자 할때가있다 그럼 해당 width,height 값을 변경해야되는대 해당부분만 고치기 위해서는 정규식이 필요하단 $ext1_1=preg_replace("!width=\"(.*?)!is",'width="400"',$ext1_1);//자동사이즈 조절 $ext1_1=preg_replace("!height=\"(.*?)!is",'height="300"',$ext1_1); width=400,height=300사이즈로 변경하는 정규식이다 유트브에서 "

게시글

자간,행간,단어간격

단어간 간격,글자간 간격, 줄간 간격을 스타일로 조절할수 있다 ​ word-spacing:5px;//단어간 간격 letter-spacing:7px;//자간 line-height:18px;//행간

게시글

자간(문자간격)넣는 방법

자간(문자와 문자 사이)를 넓게 하고자 할때 사용하는 스타일이다 문자간격

게시글

테이블 사이즈 고정하는 css table-layout:fixed

테이블의 내용에 따라 테이블이 유동적으로 변하는 경우가 있다 이때 고정하고 싶은 경우가 있다 이때 사용하는 스타일이다 table-layout:fixed 이걸 사용하면 테이블의 사이즈가 고정되어 내용이 길어질 경우 짤린 부분은 감춰지는 효과가 있다

게시글

페이지 출력할때 페이지를 구분해서 프린트하기

페이지에서 print()함수를 사용해서 페이지를 출력할때가 있다 일반적으로 출력할때 내용이 페이지 구분없이 연달아 출력되게 된다 이때 페이지를 구분하고 싶은경우가 있다 1,2,3페이지로 구분해서 출력하고 싶을때가 있는데 이때 페이지를 구분하는 방법이다 페이지를 구분할때 사용 IE7버젼 이상일경우 좀다른데 아래처럼 하면된다