Put Image Under 'Extended Network', (or above 'about me') Options

[jude108]

So I've been updating my profile today, and ran into a little problem that I'd like to fix. I'm wondering if there's any possible way to put an image above the 'about me' space, under under the 'extended network' section. Here's what it looks like.
Example of the space

And here's my profile code just in case they're needed:

CODE

<style>.fcsS{}</style>
<style>
div table td {background-color:c7c7c7}
body {background-color:; background-image:url("http://i44.tinypic.com/b5nz9f.gif"); background-repeat:repeat; background-position:center; background-attachment:fixed;}
big { font-family:arial; font-size:21px; letter-spacing:4px; line-height:20px; text-transform:lowercase; font-weight:normal; text-decoration:none; color:;}
.nametext { font-family:Optima black; font-size:30px; letter-spacing:1px; line-height:35px; text-transform:lowercase; font-weight:normal; text-decoration:none; color:black;}
img{border:none}table.profileInfo td td.text {text-align:left;}
table.profileInfo td.text {text-align:center;}

</style><style>
td, a, body, table, body, td, li, p, div, li, h1, h2, p, br, .text, textarea, .blacktext12, .btext, .lightbluetext8, a:link, a:active, a:hover, a:visited, .orangetext15,
.whitetext12, .redtext, .redbtext {
text-transform:lowercase;
font-family:arial;
font-size:11px;
line-height:10px; text-decoration:none;}
.blacktext10 {text-transform:lowercase;font-family:arial;font-size:11px;color:;padding-left:1px;display:block;}
.friendsComments .orangetext15 {padding-left:5px;}
.contacttable img{padding:0px;display:block;margin:1px;}
textarea {border:1px solid black;color:;line-height:10px;font-family:century gothic;font-size:9px;letter-spacing:1px;}
a.navbar:link,{color:} a.navbar:active, a.navbar:visited {text-transform:lowercase; font-family:arial;font-size:11px;color:;letter-spacing:1pt;font-weight:normal;text-decoration:none;line-height:13px;}
a.navbar:hover {text-transform:lowercase; font-family:arial;font-size:11px;color:;letter-spacing:2pt;font-weight:normal;text-decoration:none;line-height:13px;}
a:hover {cursor:;}
br{line-height:2px;} table, tr, td {height:1px;padding:0px;border:0px;}
tr { background-color:transparent; }
.extendednetwork table, .extendednetwork tr, .extendednetwork td{border:1px solid black;}
.redlink, .friendSpace .btext { display:none;}
.contactTable { display: none; }


.userProfileURL { display:none; }
.userProfileDetail { display:none;

a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }</style><style>a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }</style><style>a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }</style><style>a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif;
}</style><style></style>
</style><style>a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }div table td {background-color:c7c7c7}
.myspace.com/daysixxx</style><style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.friendSpace {display:none;}
</style><style>a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }</style> <br />
<br />

<style>
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:80px;}
</style>




<style>
table.friendsComments table table tr:first-child {display:block;}
.columnsWidening{background-color:f9d6b4 !important; width:330px !important;}
.commentlinks{background-color:f9d6b4 !important; width:330px!important;}
table.friendsComments table table tr {display:none;}
</style>

<style>
table tbody td table tbody tr td.text table {visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}
</style>


<br />
<style>.clearfix {margin-top: -100px;}</style>
<p>

</font></font><style>
div div table div {display:none;} .clearfix table div div {display:block;}
tr td div, div td, div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important; }</style>

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

[Mickey]

You can position an image over that area using a DIV, like this:

CODE

<div style="position:absolute; top:#px; left:50%; margin-left:#px; height:#px; width:#px; z-index:9;">
<img src="URL">
</div>

Replace the number signs with appropriate values to position it and edit its size. Replace URL with the url of the image you want to use.

[jude108]

Thanks, it worked. :)

[manny-the-dino]

Topic Closed & Moved