이미지 위치 내 맘대로

 

                                      이미지 위치 내 맘대로

                                             

                             

(1) 이미지나 글자의 위치를 내 맘대로;

<DIV style="position:absolute; left:270; top:180;">원하는 그림이나 글자</div>
   
(left:270;  top:180 ☜요 숫자로 위치를 조절함)





(2) 문서에 여백을 주려면.. 글을 쓰기 직전에 

 <p style="margin-left:50px"> 을 먼저 쓰고 시작한다. (숫자로 조절함) 

 <ul>을 넣어주기도 함. 



(3) 테이블안에서 이미지 옆에  여백 주기

  이미지 주소에 이어서 
  cellspacing=20   cellpadding=10 를 넣어준다.(숫자로 공간넓이 조절)





(4) 이미지 옆에 공간 없이 글을 쓰려면;  
  
<img src="그림 주소gif" border=0 hspace="3" vspace="5" align=left > 
  



(5) 이미지 상단에 텍스트 정렬하기 (테이블 안 그림의 윗쪽에 글씨 또는 아이콘을 넣고싶을 때) 

 <td border=0 valign=top  align=center>





(6) 이미지 하단에 텍스트 정렬하기(테이블 안에 있는 그림의 아랫쪽에 글씨나 아이콘) 

  <td border=0  valign=bottom  align=center>
 
  

(7) 이미지를 좌,우, 중앙에 맘대로 배치하려면 ; 

     이미지(아이콘)를 오른쪽에;

 
         <div align="right"> 이미지 주소 </div>

     이미지(아이콘)를 중앙에 ; 

         <div align="center"> 이미지 주소 </div>

     이미지(아이콘)를  왼쪽에 ;

         <div align="left"> 이미지 주소 </div)
 
 
 
 
 
 
                                       

                                                      유모 : 글싹천사