Khắc phục lỗi khi đăng bài viết kèm bảng

Khi đăng bài viết có sử dụng bảng (table) bạn sẽ gặp lỗi hiện khoảng trắng giữa tiêu đề bài viết và nội dung bảng. Bảng càng có kích thước lớn, khoảng trắng này càng rộng. Để đăng bảng một cách dễ dàng, Thủ Thuật Blog xin hướng dẫn bạn cách khắc phục bên dưới:

Bước 1. Hãy tạo một lớp (class) mới như dưới đây và dán vào bất cứ chỗ nào trong CSS của template (Đăng nhập Blogger, chọn Edit HTML, dán đoạn mã dưới ngay bên cạnh các khai báo # hoặc .)

.bang br {
  display: none
}

Bước 2. Khi post bảng, bạn bổ sung thêm phần in đậm như thế này:

<div class="bang">
<table border="1">
<tr><th>Heading</th><th>Another Heading</th></tr>
<tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr>
<tr><td>row 2, cell 1</td><td>row 2, cell 2</td></tr>
</table>
</div>

Lưu ý phần chữ màu nổi bật, bạn có thể đổi thành chữ khác, nhưng đã khai báo như thế nào thì phải sử dụng tương ứng trong div.

Bạn sẽ thấy không còn khoảng trống nữa!