Scrollboxes & Tables

Scrollboxes

Scrollboxes are made from HTML div boxes. Divs expand with their contents by default, so to make one into a scrollbox, all you have to do is give it a width and height, and set overflow to auto, (or scroll) like this:

<div style="width: 100px; height: 100px; overflow: auto; border: 1px solid red;"> contents here </div>

Nb, with overflow auto the scroll arrows won't appear until the contents is bigger than the box-

a little content

lots of content blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

To make scrollboxes appear side by side, as in the example above, the code is:

<table><tr><td>
<div style="width: 100px; height: 100px; overflow: auto; border: 1px solid red;"> box 1 content </div>
</td><td>
<div style="width: 100px; height: 100px; overflow: auto; border: 1px solid red;"> box 2 content </div>
</td></tr></table>

Anchor Boxes

NAVIGATION

[ About Bit ]
[ Likes ]
[ Loathes ]
[ Music ]

ABOUT TEXT GOES HERE

LIKES TEXT GOES HERE

LOATHES TEXT GOES HERE

MUSIC TEXT GOES HERE

To make a box where the content changes when you click on the links, the code is:

Tables

The <table> tag defines a table. Inside you use nested <tr> (table row) and <td> (table cell) tags to build your table structure. Tables are good for arranging div boxes, text or images, or even other tables.

Cell 1

Cell 2

Cell 1	Cell 2
Cell 3	Cell 4

Optional Attributes
DTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.

Attribute	Value	Description	DTD
align	left center right	Aligns the table. Deprecated. Use styles instead.	TF
bgcolor	rgb(x,x,x) #xxxxxx colorname	Specifies the background color of the table. Deprecated. Use styles instead.	TF
border	pixels	Specifies the border width. Tip:Set border="0" to display tables with no borders!	STF
cellpadding	pixels %	Specifies the space between the cell walls and contents	STF
cellspacing	pixels %	Specifies the space between cells	STF
frame	void above below hsides lhs rhs vsides box border	Specifies how the outer borders should be displayed. Note: Must be used in conjunction with the "border" attribute!	STF
rules	none groups rows cols all	Specifies the horizontal/vertical divider lines. Note: Must be used in conjunction with the "border" attribute!	STF
summary	text	Specifies a summary of the table for speech-synthesizing/non-visual browsers	STF
width	% pixels	Specifies the width of the table	STF

Follow the Owner
for latest tweets about the site and updates

Back | Home