{CSSYeah:com;} Tạp chí tiếng Việt dành cho Web designer

Khi chúng ta thiết kế layout của trang Web dạng bảng (table) thì việc đưa phần footer lúc nào cũng ở phía dưới là một việc hết sức đơn giản. Nhưng khi bạn làm việc với layout dạng <div> thì việc đưa phần footer lúc nào cũng ở phía dưới là một điều rất khó khăn. Mặc dù như vậy các Designer CSS vẫn nghĩ ra được các thủ thuật (trick) để thực hiện việc đó.

Sau đây chúng ta sẽ đi chi tiết về thủ thuật này:

Từ trước tới giờ khi bạn muốn đặt một dòng chữ (giả sử như) tiêu đề vào giữa một thẻ HTML có một chiều cao xác định thì bạn làm thế nào? Theo truyền thống dùng <table> thì chúng ta chỉ việc đặt thuộc tính valign="middle" vào trong một thẻ <td> là xong. Nhưng nếu đó không phải là thẻ <td> thì bạn sẽ làm thế nào?

Hiện định dạng ảnh PNG chỉ được hỗ trợ bởi một số trình duyệt mới như Firefox, Opera, IE7. Còn một số trình duyệt cũ như từ IE6 trở xuống đều không hỗ trợ định dạng ảnh này. Trong bài viết này chúng ta sẽ dùng một số thủ thuật để định dạng ảnh PNG có thể hiển thị tốt trong IE.

<hr> là một thẻ tự đóng, điều đó có nghĩa là nó không cần thẻ đóng như những thẻ HTML khác. Thẻ <hr> sẽ tạo ra một đường kẻ ngang trên trình duyệt và khoảng cách giữa đường kẻ và nội dung thì phụ thuộc vào các trình duyệt khác nhau.

Tuy nhiên bạn hoàn toàn có thể thay đổi cách hiển thị của thẻ <hr> theo ý mình trên một số trình duyệt. Đối với một số trình duyệt mới (IE6, IE7, Firefox, Opera, Mozilla...) thì cách định dạng của bạn hoàn toàn có thể tương thích.

Nếu bạn là người thích tìm tòi khám phá phần mềm, thì thủ thuật dưới đây lại tạo cho bạn thêm một thích thú nữa. Sau đây chúng ta sẽ thực hiện thay đổi kích thước của ô search trong Firefox 2.

Bạn hãy thêm đoạn mã CSS này vào trong file userChrome-example.css. File này nằm trong Profile của Firefox.