Cây Bút

DÙNG CODE ĐỂ ĐỊNH VỊ TRÍ ẢNH TRÊN TRANG

I- Định vị trí tương đối

Có nhiều cách định vị ảnh trên trang, dưới đây ta chỉ xét một số cách thông thường, dễ thực hành

1- Code để dán một ảnh:

Trong trang soạn thảo blog có sẵn công cụ để chèn ảnh và định vị trí ảnh một cách tương đối trên trang. Khi đã dán một ảnh vào blog ta có thể coi ảnh như một đơn vị văn bản: sau khi nhấp vào ảnh thì dùng ngay công cụ căn lề để định vị tương đối cho ảnh ở một trong ba vị trí (trái, giữa, phải). Nếu không muốn dùng công cụ này ta có thể sử dụng code HTML để dán và định vị ảnh.

Trước hết ta hiểu công thức tổng quát code để dán một ảnh vào HTML như sau:

Trong đó:

# là địa chỉ (URL) của ảnh trên mạng.

x (chiều ngang ảnh - tùy ý)

y (chiều cao ảnh - tùy ý)

n (số rộng bản của đường khung bao ảnh bằng 0, hay tùy ý có thể cho bằng 1, 2, 3, ….)

Ví dụ một ảnh có địa chỉ (URL) là:

http://img233.imageshack.us/img233/3757/ceaf706c093d3a2514abcd3.gif

Áp dụng công thưc trên ta có code để dán ảnh là:

Công thức code trên luôn luôn cho ta ảnh nằm phía bên trái trang còn bên phải thì bỏ trống. Khu vực bỏ trống này sẽ rất rõ khi kích thước của ảnh nhỏ (không thể nhập văn bản vào vùng trống này). Trường hợp này ta hiểu: Ảnh dù lớn hay nhỏ nó đều độc chiếm một hàng trong trang.

2- Định vị trí ảnh tương đối trên trang:

- Nếu ta muốn đặt ảnh về bên trái thì thêm vào truớc <IMG

Ví dụ:

- Nếu ta muốn đặt ảnh ở trung tâm trang thì thêm cụm

Ví dụ:

- Nếu ta muốn ảnh đặt ở bên phải thì thêm vào

Ví dụ:

- Nếu ta muốn ảnh thoáng trên thoáng dưới thì thêm vào đầu và cuối code tag bẻ hàng (nhiều hay ít, tùy) style="mso-bidi-font-style: normal;">Ví dụ:

II- Định vị ảnh chính xác và không cho ảnh độc chiếm hàng:

Khác với định vị trí tương đối chỉ một trong ba vị trí (trái, phải, giữa trang) định vị trí chính xác là định vị ở bất kỳ chỗ nào trên đường nằm ngang. (ví dụ ảnh không ở trung tâm trang mà lệch sang phải hay sang trái một hoẳng nào đó) và phần còn lại thì dành cho văn bản (ảnh không độc chiếm cả hàng)

Để làm điều này ta phải lấy một trong hai đường biên của trang làm mốc để từ đó ta sẽ căn khoảng cách từ ảnh ra đến mốc là bao xa.

1- Lấy đường biên phải của khung trang làm môc:

Ghi chú:

FLOAT: right (căn từ bên phải)

MARGIN-RIGHT: 35px (ảnh cách xa biên phải là 35px)

width=165 height=260 (kích thước của ảnh 165x260)

2- Lấy đường trái của khung trang làm môc :

Lấy Nếu ta lấy biên trái làm mốc FLOAT: left thì ta cũng lấy cự ly tính từ biên trái: MARGIN-Left (?)px.

Ví dụ ta dán ảnh và định vị trí ảnh cách biên trái là 60px:

NHẬN XÉT: Cách định vị trí ảnh chính xác bằng cách dùng biên làm mốc có một nhược điểm là khi ảnh ở phía bên trái, còn văn bản ở phía bên phải của ảnh rất nếu văn bản cũng được căn trái thì dễ bị dính sát vào biên của ảnh. Ta sẽ tìm cách định vị toàn diện hơn ở các bài sau.

4 câu thơ còn dang dở này:

Những cánh hoa đào bay như tưới,

Rớt xuống sân rêu những giọt buồn.

Như những mảnh tình tan vỡ ấy,

Nương nhờ giớ sớm viếng cô thôn.

Ghi chú :

Những cánh hoa đào bay như tưới,

(tức là đã qua Tết Nguyên Đán và sang Xuân được ít tuần rồi. Hoa đào bắt đầu héo tàn dứt cánh khỏi đài, gửi thân phận cho gió heo may)

Rớt xuống sân rêu những giọt buồn.

Cái sân nhà ai mà lại là sân rêu. Hẳn đã rất ít người qua lại. Nơi đây đang có một số phận cô đơn ? hoặc đây là nhà vắng chủ ? ). Cảnh này trong mắt ai ? Nếu là mắt chủ nhà thì cảnh và tình đã rõ. Nhưng mắt của người hàng xóm dòm sang thì sao?

Như những mảnh tình tan vỡ ấy,

Nương nhờ gió sớm viếng cô thôn.

Ồ, đến đây thì có lẽ … Có lẽ là... Những cánh hoa đào mang thông điệp"

À mà cô thôn ở đây nghĩa là một làng quê xa hưu quạnh, chứ không phải cô ấy tên là thôn.

Cây Bút

Sunday, October 28, 2012

No comments:

Post a Comment

Followers

Blog Archive