If you're making a new breed, a generations table can help organize your cats. Code and instructions for an HTML table are given below, or Blackwood Cattery has kindly provided a Microsoft Publisher version.
Copy and paste the following code into your HTML box. When you have a cat to enter into the table, replace the stand-in name with:
<a href="viewcat.php?catid=123456">Cat Name Here</a>
where "123456" is your cat's ID number, and "Cat Name Here" is your cat's name.
The result will look something like:
| cat1 | cat2 | cat3 | cat4 | cat5 | cat6 | cat7 | cat8 | cat9 | cat10 | cat11 | cat12 | cat13 | cat14 | cat15 | cat16 |
| cat17 | cat18 | cat19 | cat20 | cat21 | cat22 | cat23 | cat24 | ||||||||
| cat25 | cat26 | cat27 | cat28 | ||||||||||||
| cat29 | cat30 | ||||||||||||||
| cat31 | |||||||||||||||
Customization
The CSS at the start of the code is what controls the table's appearance.
Changing the border and background:
- The default border setting is "border: 1px solid #000000", which means "border width is one pixel, border style is solid, border color is #000000 (which is black)". You can make the border wider (eg: 2px or 3px), change the border style, or change the hex code that sets the border color.
- The default background color is "#ffffff", which is the hex code for white. You can make the table background transparent by removing "background: #ffffff;" entirely, or change the background colour by using a different hex code.
If the table does not fit in your page:
- Try changing the cell padding. The default is "padding: 3px;". Decreasing this value will make the table cells slightly smaller.
- Try making the text smaller than the default 13px. Find the line that starts with #generations. In between the curly brackets, add "font-size: 11px;". It should then look like: #generations {border-collapse: collapse; margin: 0 auto; font-size: 11px;}