i have no idea what im doing, new profile Options

[lilkirst]

Ok i decided to make a new profile, heaven fordib

http://www.myspace.com/hopeinadarkenedheart

and i really dont know what im doing.

i have figured a few things out but does anyone know how to put the pics under my little introduction the right instead of having them randomly in the middle of my profile..

and how do i make my own links?

Help?

And the same with the MP3 player?

it works but won't stay in the table where i want it >.<

[lilkirst]

Who i'd like to meet code:

<div class="comt"><table><tbody><tr><td><table>

and

this is under my interests:

</td></tr></table></td></tr></table></td></tr></table></div>
<style>
BASIC INSTRUCTIONS:
You can delete this section from the code if you don't need it, but it won't affect the looks of your profile in any way.

For every div class (.div1, .div2, etc) you will notice a lot of common properties. To move the layer, use:
** margin-top to move it up and down
** margin-left to move it left and right

margin-left begins from the center of your page. If you set it to 0px, the top left corner of the div will be located in the center of the profile. If you want the layer in the center of your profile take the width of the div, divide it by 2, and multiply it by -1. (In other words, divide it by 2 and make it a negative number.) For example, your div is 400px wide. Give it a margin-left of -200px and the div layer will sit in the middle of the screen. Now, if you want to move it somewhere else, you will have to experiment with the position.

margin-top should be no less than 150px since anything above that may overlap the MySpace advertisment.

The rest is self explanatory, width for width, height for height, colors and so on.

Style and Format:
The divs will automatically align everything to the center, in order to make the text and pictures aligned to right or left, look for "text-align:center;" and replace center with left, right, or justify.

If you want your comments to flow automatically rather than have them stuffed in a scroll box, look for the comments selector, named .comt {} inside .comt, you will fine overflow:auto; change auto to overflow:none;

To add a background image on one of the divs, add this to your div selector:

background-image:url(URL to background);
background-position:center center;
background-repeat:repeat;
background-attachent:scroll;


Good Luck!
mrk

bbz Overlay Model Generator (beta)
http://bbzspace.com
</style>

<style type="text/css">
body {background-color:FF66CC ; background-image:none;}
td, .text, div, input {color:FFFFFF !important;}
span, b {color:9933FF !important;}
a {color:9933FF !important;} img {border:0px;}
table, tr, td, tbody {background-color:transparent; border:0px;}
table table table td {visibility:hidden;}
marquee, table table table div td {visibility:visible;}
table table embed {display:block; position:absolute; top:0px; left:0px; visibility:visible;}
table table table embed {position:static;}
table div div, table tr td div font a {visibility:hidden;}
.div1 div, .div2 div, .div3 div, .div4 div,
.div1 a, .div2 a, .div3 a, .div4 a {visibility:visible !important;}
.text, table table table table a,
table table table table div,.frm1 {visibility:hidden;}
table table table table div a, .frm1 input {visibility:visible;}
.herpe {content:"herpe's comments in div";}
a.text, .nametext, .contactTable, .lightbluetext8,
.comt td td td table, .btext, .orangetext15, .redlink {display: none;}
.comt table {position: relative; top: -45px; width: 400px;}
* html .comt table {top: -35px !important;}
.comt td {visibility: visible; background-color: transparent; border: none;}
.comt b {position: relative; top: -50px;}
.comt td td td b {top: 0px;}
.comt {
visibility: visible; width: 450px; height: 400px;
position:absolute; overflow: auto; left:50%; top:0%;
border:2px solid; border-color:FFFFFF ;
margin-top:1000px; margin-left:-225px; background-color:FF66CC ;
}

.div1 {
background-color:FF66CC ; color:FFFFFF ;
border:2px solid; border-color:FFFFFF ;
width:350px; height:350px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-375px; margin-top:150px; text-align:center;
visibility:visible;}

.div2 {
background-color:FF66CC ; color:FFFFFF ;
border:2px solid; border-color:FFFFFF ;
width:350px; height:350px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-375px; margin-top:550px; text-align:center;
visibility:visible;}

.div3 {
background-color:FF66CC ; color:FFFFFF ;
border:2px solid; border-color:FFFFFF ;
width:350px; height:750px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:25px; margin-top:150px; text-align:center;
visibility:visible;}

.bbzDiv {content:"Overlay Generator beta";}
</style>
<div class="frm1"><table><tr><td><table><tr><td><table><tr><td>