 | Định vị ảnh trong vùng văn bản trên trang (đang soạn) | for everyone |
Một cách định vị ảnh trên trang trong vùng văn bản
Để định vị một tấm ảnh trên trang blog ta thường quan tâm chỗ đứng của nó theo chiều ngang của trang. Còn với chiều dọc trang thì đã có con trỏ và phím Enter (hoặc Shift+Enter) trợ giúp rồi.
Trong cửa sổ soan blog Multiply đã cung câp công cụ định vị trương đối : trái, phải, giữa (theo hàng ngang). Cả 3 vị trí này đều đã thừa nhận có sự giới hạn bởi hai biên lề của trang. Nếu chèn trái tức ảnh giáp với biên lề trái, chèn phải ảnh giáp với biên lề phải, chèn giữa ảnh ở giữa hai biên ( biên lề ở đây là biên mặc định hay biên lề tự tạo trên trang).
Vấn đề đăt ra : Tôi muốn đặt ảnh cách biên lề bên phải (hoặc trái) một khoảng nhất định ( ví dụ 50px ) thì làm sao ? Nói khác đi tôi coi biên trái hoặc biên phải như là 2 cột mốc (hay ví như hai bức tường đối diện trong cái sân mà lúc này tôi đang muốn đặt cái ảnh của tôi trong sân). Vậy mọi dự kiến về số đo khoảng cách đều phải lấy một điểm làm cột mốc .Có hai cái mốc mà tôi phải dựa vào một. Đó là biên lề của trang.
Trưòng hợp 1 : Lấy biên lề phải làm mốc:
Thử dùng code sau:
<IMG style="FLOAT: right; MARGIN-RIGHT: 50px; POSITION: relative" height=125 src="#" width=150 border=0></IMG>
Ghi chú:
“FLOAT: right ( căn cứ từ lề phải)
MARGIN-RIGHT: 50px ( ảnh cách lề phải 50 px)
POSITION: relative ( định vị trong tương quan)
height=125 và width=150 ( kích thước ảnh)
border=0 (ảnh không viền)
# ( địa chỉ của ảnh )
Ví dụ :
Trưòng hợp 2 : Lấy biên lề trái làm mốc:
Code sẽ như sau:
<IMG style="FLOAT: left ; MARGIN-LEFT: 50px; POSITION: relative" height=125 src="#" width=150 border=0></IMG>
Ghi chú:
“FLOAT: left ( căn cứ từ lề trái)
MARGIN-LEFT: 50px ( ảnh cách lề trái 50 px)
POSITION: relative ( định vị trong tương quan)
height=125 và width=150 ( kích thước ảnh)
border=0 (ảnh không viền)
# ( địa chỉ của ảnh )
Ví dụ :
|
Làm cách này có vẻ hơi khó ?
Trả lờiXóaLàm cách này có vẻ hơi khó ? Vì lấy Code này ở đâu ?
Trả lờiXóa