HTML » Code box

For the small boxes I use a small div area. If you use CSS to define your scroll box colors, the scrolls in the text area will have the same colors as the main scrolls. The code is rather simple :) (Thank god something is easy hehe). On a regular web page I would have used a textarea, but since horseland have banned the closing tag, we have to use a div area. In a textarea the code would show without a "hack", but in the scroll box you have to insert images instead of < and >.

<div style="overflow: auto; height: 35px; width: 150px; padding-left: 4px; padding-right: 4px; padding-top:1px; padding-bottom: 1px; border: 1px black solid">
Write text here
</div>

Height and width define the size of the box. Style makes the box look pretty, like border and padding - those are pretty self-explaining. The padding gives some room between the borders and the text. If you don't understand what's what, try to change the different numbers to see what changes in the box.. Remember to close the tags after the text with </div>. The old span code will not work in Mozilla Firefox, but the div code will. I would normally use a textarea, but hl has for some unknown reason blocked the word </textarea> I asked them in a mail, but I doubt I'll ever get an answer.

You can spiff the box up with different border styles (replace solid in the code, with one of the following styles):

These looks like this:

A dotted border

A dashed border

A double border

A groove border

A ridge border

An inset border

An outset border

My box looks like this:

Write text here Write text here Write text here Write text here Write text here Write text here