Styling table captions
This is the caption
| Number | Name | Thingy |
|---|
| 1 | Item | Item |
| 2 | Item | Item |
| 3 | Item | Item |
| 4 | Item | Item |
| 5 | Item | Item |
| 6 | Item | Item |
caption-side: bottom;
This is the caption
| Number | Name | Thingy |
|---|
| 1 | Item | Item |
| 2 | Item | Item |
| 3 | Item | Item |
| 4 | Item | Item |
| 5 | Item | Item |
| 6 | Item | Item |
Okay in Opera/Gecko. Doesn't work in IE6/IE7
<caption align="bottom">
This is the caption
| Number | Name | Thingy |
|---|
| 1 | Item | Item |
| 2 | Item | Item |
| 3 | Item | Item |
| 4 | Item | Item |
| 5 | Item | Item |
| 6 | Item | Item |
Which works in Internet Explorer, but isn't valid under a strict doctype.
Bottom aligning with JavaScript
This is the caption
| Number | Name | Thingy |
|---|
| 1 | Item | Item |
| 2 | Item | Item |
| 3 | Item | Item |
| 4 | Item | Item |
| 5 | Item | Item |
| 6 | Item | Item |
<!--[if lte IE 7]>
<script type="text/javascript">
window.onload = function() {
document.getElementById('fourth').getElementsByTagName('caption')[0].align = 'bottom';
}
</script>
<![endif]-->
Perfect! :)
Home - More stuff