Need Help Grokking the Myspace Layout Structure? No Problem!

Need Help Grokking the Myspace Layout Structure? No Problem!


The Myspace profile layout is made of tables

The first thing to understand about the Myspace layout structure is that is is made of tables. Tables are a way to use HTML to display content in a columns and rows. I personally think the layout of the Myspace profile page could use some improvement, but in this case you have to work with what you've got.

So, first thing's first: the Myspace profile page layout uses tables. These tables form blocks around different parts of the content. For instance, there's a big table around all of the content that holds the whole Myspace profile layout. Then there are smaller tables inside of that table; one around the photo / headline / bio, one around the "Contacting Bob" section, and so on.

How many tables are there in the Myspace layout structure?

There is one area of the Myspace layout code that involves six nested tables, but you can manipulate most of the layout display of the Myspace profile display in the second and third tables. The reason this information is important is that when you start to use CSS (Cascading Style Sheets) to alter the display of the Myspace layout, you'll need to know which table to apply the styles to. Below is a quick little stylesheet that will help you experiment with the layout structure of the Myspace profile page. Just add this style in the "About Me" area of the profile editing page:

<style>

table {

border:0px;

}

table td {

border:0px;

}

table table {

border:0px;

}

table table td {

border:0px;

}

table table table {

border:0px;

}

table table table td {

border:0px;

}

table table table table {

border:0px;

}

table table table table td {

border:0px;

}

table table table table table {

border:0px;

}

table table table table table td {

border:0px;

}

table table table table table table {

border:0px;

}

table table table table table table td {

border:0px;

}

</style>

Add borders to the styles above to show thier position in the Myspace layout

To get a better idea of how adding styles to each table will affect the layout display of the Myspace profile page, add the following code at the bottom of each style (right below the "border:0px;"):

border:1px solid red;

Adding that style will show you where the element is, so you know that if you add additional styles to it, what areas of the page it will affect. Note that as you add styles to tables in the Myspace layout that include other tables that those included tables will also use those styles.

After a little experiementation, you should get a good feel for how to edit your Myspace profile page to make it more attractive.




Implied By Design Logo