coding for div Options

[MoneyIsDaMotive]

CODE

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}

<style type=text/css>

body {
background-color: ######;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:######;
scrollbar-track-color: ######;
scrollbar-shadow-color: ######;
scrollbar-face-color:######;
scrollbar-highlight-color:######;
scrollbar-darkshadow-color:######;
scrollbar-3dlight-color:######;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>

<div class="bg" style="position: absolute; left:0px; top:160px; width:000px; height:000px; overflow: hidden;">
<img src="http://i25.tinypic.com/33vkc5c.jpg">
</div>



<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
CONTENT FOR DIV.
</div>

Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike

[Mickey]

Replace your content DIV with this:

CODE

<div class="content" style="position: absolute; top:#px; left:50%; margin-left:#px; width:156px; height:154px; overflow: auto; border:1px solid; border-color:000000;"><center>
CONTENT FOR DIV.
</div>

That should give it a border. Also, I replaced your positioning method with a more effective one. You seriously need to start getting used to that method. Anyway since you already have the links on your DIV image, just position transparent GIF image links over them like this:

CODE

<div style="position:absolute; top:#px; left:50%; margin-left:#px;">
<a href="URL"><img src="http://x.myspacecdn.com/modules/common/static/img/header/spacer.gif" style="height:#px; width:#px;" alt="" /></a><br />
<a href="URL"><img src="http://x.myspacecdn.com/modules/common/static/img/header/spacer.gif" style="height:#px; width:#px;" alt="" /></a><br />
<a href="URL"><img src="http://x.myspacecdn.com/modules/common/static/img/header/spacer.gif" style="height:#px; width:#px;" alt="" /></a>
</div>

Replace the pound symbols on the top and margin-left properties to position links around. Replace URL with the url of where you want each link to go. Replace the pound symbols on the height and width properties according to the sizes of the links on your layout design.

[MoneyIsDaMotive]

thats harder what i did before
can you try and find the other code
for i can use photoshop with
this is how it went (i think)

i had to pick (in the info panel) pixals on the +
where the X and Y is. then i had to use the pointer tool
to all for corners of the "message, add, comment"
wait is that the code you just gave me?? i remember the "alt"
but if its not, can you try and find it for me