DIV in Side Tables

[ambrose]

They are convenient, if you know how to use them. They can help you make a really long table shorter; all you would need to do is to adjust the height to your liking.


<DIV style="width:180px; height:120; overflow:auto; border-style:solid; border-width:0px; padding:0px; text-align:left; background:#1b1b1d;">

The message will go here. If you need line breaks, don't forget to include <br> tags.

</DIV>


Width - You control the width of the box. I recommend keeping the width of the DIV box smaller than the width of the actual table.
Height - You control the height of the box. You can mess around with it until you like how it appears.
Border - Dashed, dotted, solid. Yes, or no border, you can choose anything like that. To get rid of the border, just leave "0px" as is.
Text-align - You will need this if you try to align the text within the DIV box. Otherwise, it may align the entire table and thus mess up the look.
Background - You can choose to put in a picture or use a solid color. I recommend that you use a color lighter or darker than the table's background color to add a little look.

I've attached a preview to show what the DIV box looks like. You may see that the scrollbar's colored - there's a code but it only works with IE, and it does not go with the DIV boxes.

If you need any help, I'm around. =)

[ambrose]

Sorry about the double-post, I forgot to attach it to the initial post and it wouldn't let me when I tried to modify it. -.-

Attachments:

[E. T. Evans]

I will definitely use this, thank you!

Many subtle changes still need to be made to the board, however, before this is added.