Tabsheets

How it looks in a browser

Tab 1

Tab One content.

item 1
item 2
item 3

table data	table data	table data	table data
table data	table data	table data	table data
table data	table data	table data	table data

Tab 2

Tab Two content.

item 1
item 2
item 3
item 4
item 5
item 6

Tab 3

Tab Three content.

<link rel="stylesheet" type="text/css" href="tabsheets.css" />
<script type="text/javascript" src="tabsheets.js"></script>
<div style="background: ButtonFace; padding: 1em;">
    <dl class="tabsheets">
        <dt>Tab 1</dt>
        <dd>
            <div class="reducer">
                <p>Tab One content.</p>
                <ul>
                    <li>item 1</li>
                    <li>item 2</li>
                    <li>item 3</li>
                </ul>
                <hr />
                <table border="1" cellspacing="0" cellpadding="10">
                    <tr>
                        <td>table data</td>
                        <td>table data</td>
                        <td>table data</td>
                        <td>table data</td>
                    </tr>
                    <tr>
                        <td>table data</td>
                        <td>table data</td>
                        <td>table data</td>
                        <td>table data</td>
                    </tr>
                    <tr>
                        <td>table data</td>
                        <td>table data</td>
                        <td>table data</td>
                        <td>table data</td>
                    </tr>
                </table>
                
            </div>
        </dd>
        <dt>Tab 2</dt>
        <dd>
            <div class="reducer">
                <p>Tab Two content.</p>
                <ol>
                    <li>item 1</li>
                    <li>item 2</li>
                    <li>item 3</li>
                    <li>item 4</li>
                    <li>item 5</li>
                    <li>item 6</li>
                </ol>
            </div>
        </dd>
        <dt>Tab 3</dt>
        <dd>
            <div class="reducer">
                <p>Tab Three content.</p>
            </div>
        </dd>
    </dl>
</div>
<script type="text/javascript">
    Make_Tabsheet();
</script>

Tabsheets January 2005

How it looks in a browser