Htmlqueen.com TABLES

DIV, TABLES, TEXTAREA

The following codes are for creating DIV's, tables, and textarea boxes.
Click your mouse inside the box and copy/paste the highlighted code in the "edit" section of your website.

To create a table anywhere on your page:
<div style="background:black;border:99CC99 3px solid;font-family:verdana;font-size:9px;color:white;width:200px;height:75px" mce_style="background:black;border:99CC99 3px solid;font-family:verdana;font-size:9px;color:white;width:200px;height:75px">This div now looks like a table.</div>

This div now looks like a table.

*You can change the colors and text size as well as the size of table*

If you want the table to have scrollbars:
<div style="background:black;border:red 3px solid;font-family:verdana;font-size:10px;color:white;width:200px;height:75px;overflow:auto" mce_style="background:black;border:red 3px solid;font-family:verdana;font-size:10px;color:white;width:200px;height:75px;overflow:auto">Put your text here</div>

The Result:

This table now has scrollbars. The scrollbars will show depending on the width and height of the box and how much text you enter. In this case the height is 75px. So we have to keep adding text until the text reaches to the bottom. Any text that goes over 75px will result in scrollbars. You can also change the height to a lower number if you dont have much text but want a scrollbar to show. Cool huh?

If you want to have an image as a background for this table:
<div style="background:url(url of your image);border:red 3px solid;font-family:verdana;font-size:10px;color:white;width:200px;height:75px;overflow:auto" mce_style="background:url(url of your image);border:red 3px solid;font-family:verdana;font-size:10px;color:white;width:200px;height:75px;overflow:auto">Put your text here</div>

The result:

Drink more water! *smile* We can put anything we want in this box. Try some pictures or links or more text :)

If you do not want your image to tile in the background put background-repeat: no-repeat; after the image url *

To make all of the sections on your Myspace page a solid color:
<style type="text/css"> table table table {border:3px solid; border-color:CC99FF; padding:1; background-color:FFFFFF; } table table{border:0px} table table table table{border:0px} </style>

Here is an example of solid tables on your page:

To add a background image to all Myspace table sections:
<STYLE type=text/css> body, table, td { float:center; margin-left:1px; background-color:White; border-style:solid; border-top-width:0px; border-bottom-width:0px; border-left-width:0px; border-right-width:0px; border-color:black; font-family:arial; font-size:12pt; } table, tr, td {background-color:transparent ; border: 0px solid black; padding:2; direction:ltr; } table table {border: 0px; } table table table {border: 1px solid; background-color:black; padding:0 } table table table table {border: 1px; background-image: url("PIC URL") !important; background-repeat: repeat !important; background-attachment: fixed !important; } </STYLE>

Here is a screenshot with a new background for the tables. Do you see how I changed it into a tropical palm tree paradise? Cool code!