태그-내가 원하는 위치에 테이블 달자.

<div style="position:absolute; left(또는 right):숫자px; top:숫자px">

와</div>사이에 원하는걸 넣어주면되요.

***********************************************************

left(또는 right):숫자 는 왼쪽 오른쪽에서 떨어지는 정도 즉,

▶left=10px : 왼쪽에서 10px 떨어져 위치

▶right=50px : 오른쪽에서 50px 떨어져 위치

top:숫자는 위에서 떨어지는 정도 입니다. 즉,

▶top=100px : 위에서 100px 떨어져 위치

아래의 예제소스 잘 읽어보시구요.

숫자를 바꿔보면서 일기장에서 연습해보세요.

************************************************************

1.테이블 정렬


<div style="position:absolute; left(또는 right):숫자px; top:숫자px">
테이블소스
</div>


☞예제

<div style="position:absolute; left:10px; top:150px">
<table width=150 height=300 border=2 bordercolor=blue>
<tr><td>
<center>
<font size=2 color=white face=바탕><b>할말을 적어 주세요</b>
</font></center>
</td></tr></table>
</div>

☞실행화면은 왼쪽에 테이블 보이시죠.


여러분 안녕하세요
저는 테이블 예제

입니다.

여기에 할말을

쓰시면 되요.

간단하지요.



2.그림위치변화


<div style="position:absolute; left(또는 right):숫자px; top:숫자px">
그림넣기
</div>

☞예제

<div style="position:absolute; right:70px; top:100px">
<img src= http://www.jade.dti.ne.jp/%7Essgen/sub0/sub2/t_xmas2/conx06.gif>
</div>

☞실행화면은 오르쪽 위에 천사보이시죠


이렇게하면 그림을 겹쳐서 놓을수도 있어요^^*


*출저 : 장미가족 태그교실