Thêm đặt lại CSS này vào mã CSS của bạn: [từ đây]
/* //meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none [public domain]
*/
html, body, div, span, applet, object, iframe,
h2, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
Nó sẽ thiết lập lại CSS một cách hiệu quả, loại bỏ phần đệm và lề.
Khi bạn sử dụng CSS để đặt một đường viền trên thẻ và
Data | Data | Data |
Data | Data | Data |
Data | Data | Data |
Data | Data | Data |
Data | Data | Data |
Data | Data | Data |
- Bắt đầu với một bảng đơn giản:
Header Header Header Data Data Data Data Data Data - Thêm biên giới:
th, td { border: 1px solid #006; }
Bây giờ bảng của bạn trông giống như thế này: - Thu gọn biên giới với
Header Header Header Data Data Data Data Data Data table { border-collapse: collapse; }
và Voilà, biên giới của bạn bị sụp đổ:
Thích bài viết này? Chúng tôi đề nghị
Không gian giữa các ô bảng
Không gian giữa các ô bảng được điều khiển bởi thuộc tính tế bào trong thẻ bảng. Bằng cách đặt định vị ô thành 0, bạn có thể xóa tất cả khoảng trống giữa các ô của bảng.
Chúng ta hãy bắt đầu bằng cách đặt khoảng cách di động và viền thành 0 cho ví dụ của chúng tôi [phần còn lại của mã vẫn giữ nguyên]:
You will find designs in our catalog which cover a vast array of categories: |
floral images |
humor |
holiday stamps |
border designs |
decorative imagery |
Trong bảng trang trí này [hiển thị trong Hình 11], chúng tôi sử dụng một hàng riêng cho từng phần tử của danh sách. Hãy nhớ rằng: bạn cần cả TR và TD để tạo một hàng. Trong ví dụ này, chúng tôi đã sử dụng BGColor trong thẻ bảng làm mặc định và sau đó thay đổi màu trong mỗi hàng khác.
Hình 11 Một bảng trang trí cho các tùy chọn niêm yết.
Có nhiều thiết kế thú vị khác mà bạn có thể tạo bằng cách sử dụng bảng. Hy vọng rằng, chúng tôi đã cung cấp cho bạn đủ các công cụ để có thể tự mình thử nghiệm và sử dụng sự sáng tạo của bạn.
Tôi đã đặt cellpadding và cellspaces và biên giới thành 0 0 nhưng tôi vẫn có khoảng cách giữa các hàng, là cách duy nhất để loại bỏ chúng để nâng cấp lên CSS?
Blog tôi cần trợ giúp là: [chỉ hiển thị để đăng nhập người dùng]
Chào bạn. Các thuộc tính cellpadding và cellspaces không còn hoạt động trong HTML5, vì vậy đó có thể là vấn đề của bạn.
Xem bài đăng này trên bảng cho WordPress.com. Bạn có thể tìm thấy một cái gì đó hoạt động ở đó: //wpbtips.wordpress.com/2013/04/09/table-coding-for-wordpress-com-users/
Nếu bạn sẵn sàng đăng mã bảng của bạn ở đây, tôi cũng có thể cố gắng giúp bạn tìm ra nó. Bạn phải sử dụng nút mã phía trên hộp văn bản để đăng mã trong các diễn đàn [hoặc đăng nó giữa các backticks] hoặc nó đã giành được hiển thị ở đây một cách chính xác.
Cảm ơn bạn, tôi đánh giá cao sự giúp đỡ! Dưới đây là một trong những bảng:
Ngày gặp nhau & nbsp; 10/24-10/25 2014 Marlins Tháng Mười Vòng loại 11/8-11/9 2014 Maura Marden Freestyle Frenzy
Tôi đã xóa tất cả các mã không còn được hỗ trợ trong HTML5. Tôi cũng đã xóa tất cả các mã không cần thiết, ví dụ như bạn có một thẻ được lồng vào bên trong một loại khác nơi một thẻ nhịp sẽ làm. Trên thực tế, tôi nghĩ rằng nó có thể dọn dẹp mã này hơn nữa, nhưng đây là tất cả những gì tôi có thời gian ngay bây giờ. Tôi đã thêm các giá trị căn chỉnh, mặc dù nó nên được đưa vào và được liên kết hàng đầu theo mặc định.
Bạn sẽ nhận thấy nền: Giá trị trong suốt không có ở đó. Nếu bạn nói thêm rằng nó hủy bỏ giá trị màu nền, đó là nguyên nhân gây ra vấn đề được mô tả trong câu trả lời cuối cùng của bạn.
Cũng lưu ý rằng chiều rộng cột hiện được đặt một lần khi bắt đầu [không phải ở mỗi hàng] và được biểu thị theo tỷ lệ phần trăm [tôi đã tính toán các giá trị chiều rộng bạn có trong mã ban đầu của bạn], không phải trong pixel như bạn đã có. Điều này có nghĩa là chiều rộng cột sẽ tự động điều chỉnh theo kích thước màn hình. Nếu bạn thích độ rộng cố định, chỉ cần thay thế tỷ lệ phần trăm bằng các giá trị pixel ban đầu của bạn.
Tất cả điều này theo các hướng dẫn được cung cấp tại đây: //wpbtips.wordpress.com/2013/04/09/table-coding-for-wordpress-com-users/
Tôi không có quyền truy cập vào tệp hình ảnh mà bạn liên kết vì blog của bạn là riêng tư, vì vậy tôi có thể thấy cách hình ảnh hiển thị trong bảng.
Ngày 22 tháng 9 năm 2014 lúc 12:29 tối #2056551 #2056551
Cảm ơn bạn!… Đã sửa nó :]