-
Html, CSS 2013‧04‧04
이미지에 여백이 생길 때 해결 방법들
이미지 태그를 이용하다보면 이상한 약간의 여백이 발생한다. 위 이미지를 보면 사진틀 이미지를 위아래로 나눈 것인데 아랫부분에 여백으로 인해서 약간의 공간이 생겼다.확대해서 보면 아래와 같다. 약간의 여백이 생겨서 위 아래 이미지가 떨어진 현상을 발견하였다.파이어 폭스로 해당 이미지의 부모 div 요소를 선택하면 아래와 같이 셀렉트 되어진다. 이유는 모르겠지만 해결 방법은 아래와 같다. 1. 이미지 요소에 vertical-align:top;을 […]
-
WP Plugin 2012‧04‧11
메인 화면에 이미지가 슬라이드 되는 프로모션 만들기
플러그인 이름 : Promotion Slider 메인이나 원하는 페이지에 슬라이딩 이미지 프로모션을 추가하는 플러그인이다. 플러그인 설치하면, 관리자 페이지 (대시보드) 안에 좌측에 promotions 이라는 메뉴 생성됨. 1. 카테고리 생성 일단 프로모션 카테고리를 만들자. (대시보드 - promotions - Categories) 그리고 슬로그를 기억해두자. 2. 슬라이드 이미지 추가 new promotion 눌러서 이미지를 추가시키는데, Featured Image에 이미지를 넣는다. 활성화 시키란 말이다. (본문 삽입하지 […]
-
Html, CSS 2012‧04‧01
이미지와 텍스트 정렬 (앞 이미지, 뒤 텍스트)
이미지와 글자를 한 줄에 넣고 높이 정렬을 맞추고 싶을 때가 있다. <img src="이미지경로" border="0" align="absmiddle"> 위와 같은 방법이 있기도 하고, 아래 방법을 써보기도 한다. <img src="이미지경로" border="0" style="vertical-align:top;">
-
Html, CSS 2012‧03‧31
이미지와 텍스트 정렬 (위 이미지, 아래 텍스트)
간혹 이미지와 텍스트를 정렬하고 싶은데, 위에는 이미지 아이콘 아래는 설명 글자로 넣고 싶을때 글자가 아래로 내려가게 하는 코드 <img src = "이미지 경로" style=" display:block;"> 글자
-
Html, CSS, Javascript, jQuery 2012‧03‧19
입력칸 스타일과 자바스크립트 샘플
입력칸 배경에 이미지를 넣어서 포커스가 되면 이미지가 사라지고 다시 포커스가 아웃되면 나타나는 스크립트 확인 버튼도 이미지로 출력하는 내용