This article covers how to change the table background on your myspace page.
Changes to your tables, text colors, links, etc are all done with css. They can be done with div tags but you should consider the CSS option much easier. The first thing to do is to consider what color you want the tables to be and if you want to have a border on them.
Below is the CSS code for making these changes. It will be broken into several sections. First you will see the code and then the explanation for how to manipulate the code as well as an explanation of what the code does.
| Setting a table background and border | <style type="text/css"> </style> | ||||||||||||||||||||
This code has been broken down into sections to explain what they do : Red portion - This section of the CSS defines which tables wil be edited. It is set up to include nested tables. So for example, table table means a table inside of a table. Table table table means a table inside of a table that's inside of a table. Confusing huh! You probably won't want to change this section. Blue portion - This section defines the style of the border that your tables will have. There are many options for these border styles. You can play with them to determine which looks best for you.
Green portion - This section defines how wide the borders will be. Remember that thinner borders may give a more clean effect while wider border can look more clunky. Either is fine, but you will wat to consider your page layout before you make this decision. Purple portion - Now that you've set up your borders, it's time to set the color. This section simply defines the color of the border. You have to use a HTML Hex color code. You don't need the # in front of the color. For example : FF0000 . Here is a HTML color picker for you . Just click on the little palette to load it. Brown portion - Finally you can set up the background color of your table. This one pretty much works just like the border color section. Use a HTML Hex color code and you are good to go. Don't forget that this code has to go in the top of your about me section of your myspace page. Click here if you need an example of where that is. | |||||||||||||||||||||
| Setting a table background image and borders | <style type="text/css"> | ||||||||||||||||||||
You will notice that this code is very similar to the code above. However we've replaced the section in brown which set the color with 3 new sections. These sections give the code the information it needs to set the background of your tables to be an image. Please note that if you use this code - all of the tables will use that background. If you choose a good background it will look really cool. If not - it can look a bit chaotic.
Pink section - This is the code that tells the page what image to stick inside of your tables. This image is a background image so your text will appear above the image. Use a full URL including "http://" . Black Section - This section tells you how to place the background image in the table. You have 2 options with this : Fixed - This makes the background image stay in one place and it makes the text scroll on the page. This is great for when you have a nice picture you don't want to move. Teal Section - This is the last section you need. It determines the alignment of your image. Where it says top left determines how it is placed. The first ( top ) can be either bottom, center or top. That aligns it vertically. The second ( left ) can be either left, center or right. That aligns it vertically. This is all you need to set the background for your main tables. Remember, this code edits the tables only - not your main page background. Below is a screenshot showing what areas this code will edit. The yellow arrows indicate the changed areas.
This concludes this lesson on editing table backgrounds. | |||||||||||||||||||||
discuss this topic to forum
