정보실

웹학교

정보실

design 특정위치에 배너 띄우기

본문

홈페이지에서 기존 레이이웃에 영향을 주지 않고 특정 위치에 배너를 띄워야 할 때가 있습니다.

 

그럴 땐?

 

의미없는 엘리먼트

<div>를 이용합니다...

<div class="ebanner"><img src="banner.jpg"></div>

 

그리고 <div>에 지정한 클래스에 아래와 같이 스타일을 입히면 됩니다...

 

.ebanner{

position:fixed; //고정위치 지정

left:50%; // 해상도를 반으로 나눕니다...모니터가 워낙 다양하니...

margin-left:510px;  // 중심으로부터 + 또는 - 얼마만큼 간격을 띄웁니다.. 참고로 -으면 왼쪽으로 배치, +면 오른쪽으로 배치

width:119px; // 배너 폭

top:220px; // 화면 위로부터 얼마큼 간격을 둘 지 결정

z-index:3000; // 배너가 다른 엘리먼트에 잠기지 않도록 적정값 지정.....

 

물론 한 예일 뿐이죠....

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 1,362회 ]  작성일14-11-25 19:06

웹학교