Log In · Register

 
 
Closed TopicStart new topic
Band Layout Positioning, I'm having a few problems.
metalmikey
post Nov 4 2009, 02:39 PM
Post #1


Senior Member
***

Group: Member
Posts: 40
Joined: May 2005
Member No: 133,401



Alright first is first. It may look like I'm ripping this layout but I can assure you I am not. I really enjoy the way they positioned the layout instead of the typical "boxy" style that most band profiles are. Once everything is positioned correctly, I will be changing pretty much everything else. With that said...

I am trying to replicate the positioning for http://www.myspace.com/deadinexistence

Here is what I have so far: http://www.myspace.com/testtest4444

What I am trying to do but am completely stumped with:

- Position left column so it doesn't go into the comments
- Fix the right column from being cut off on the left side (text, player, etc.)

Here is the code I am working with:

Bio:
CODE
<div class="banner">
<style>
.sponsor_nav span {
display: none;
}
.sponsor_nav a {
display: block;
height: 35px;
float: left;
border: 0;
}
a.merchconnection {
width: 84px;
background: url(http://farm4.static.flickr.com/3333/3487528023_d65b018f4d_o.jpg) top left no-repeat;
}
a.merchconnection:hover {
background: url(http://farm4.static.flickr.com/3388/3487528677_9d192cc54a_o.jpg) top left no-repeat;
}
a.imeem {
width: 63px;
background: url(http://farm4.static.flickr.com/3370/3487528039_379f14aff7_o.jpg) top left no-repeat;
}
a.imeem:hover {
background: url(http://farm4.static.flickr.com/3364/3487528637_5c7ac22fa5_o.jpg) top left no-repeat;
}
a.lastfm {
width: 49px;
background: url(http://farm4.static.flickr.com/3624/3487528049_d31dc9c0ae_o.jpg) top left no-repeat;
}
a.lastfm:hover {
background: url(http://farm4.static.flickr.com/3617/3487528659_a700b3619d_o.jpg) top left no-repeat;
}
a.flickr {
width: 51px;
background: url(http://farm4.static.flickr.com/3383/3487528071_a3c8fb060b_o.jpg) top left no-repeat;
}
a.flickr:hover {
background: url(http://farm4.static.flickr.com/3382/3487528613_21ef7f3d28_o.jpg) top left no-repeat;
}
a.buzznet {
width: 59px;
background: url(http://farm4.static.flickr.com/3554/3488342462_a5615f1962_o.jpg) top left no-repeat;
}
a.buzznet:hover {
background: url(http://farm4.static.flickr.com/3385/3487528501_1c443e4370_o.jpg) top left no-repeat;
}
a.facebook {
width: 59px;
background: url(http://farm4.static.flickr.com/3569/3487528103_9a6f488ed4_o.jpg) top left no-repeat;
}
a.facebook:hover {
background: url(http://farm4.static.flickr.com/3643/3487528521_fa41556a25_o.jpg) top left no-repeat;
}
a.purevolume {
width: 66px;
background: url(http://farm4.static.flickr.com/3312/3487528121_80c041e7a9_o.jpg) top left no-repeat;
}
a.purevolume:hover {
background: url(http://farm4.static.flickr.com/3336/3488342990_fc486bf3ca_o.jpg) top left no-repeat;
}
a.youtube {
width: 42px;
background: url(http://farm4.static.flickr.com/3544/3487528157_f584aee0f7_o.jpg) top left no-repeat;
}
a.youtube:hover {
background: url(http://farm4.static.flickr.com/3639/3487528707_d7303cac83_o.jpg) top left no-repeat;
}
a.ilike {
width: 80px;
background: url(http://farm4.static.flickr.com/3304/3487528167_dc2ddcd41b_o.jpg) top left no-repeat;
}
a.ilike:hover {
background: url(http://farm4.static.flickr.com/3324/3487552725_b1ca42a78b_o.jpg) top left no-repeat;
}
</style>



<center>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 875px; height: 946px; background: url(http://farm4.static.flickr.com/3620/3568797876_c1cca35e79_o.png) top center no-repeat; padding: 0 0 23px;" valign="bottom">

<table cellpadding="0" cellspacing="0" border="0" class="sponsor_nav">

<tr>
<td><img src="http://farm4.static.flickr.com/3369/3488342394_65ff1baaf5_o.jpg" /></td>
<td><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm1lcmNoY29ubmVjdGlvbmluYy5jb20vY29sbGVjdGlvbnMvZGVhZC1pbi1leGlz
GVuY2U=" class="merchconnection"><span>LINK</span></a></td>
<td><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmltZWVtLmNvbS90YWcvP3E9YXJ0aXN0OkRlYWQlMjBJbiUyMEV4aXN0ZW5jZSZm
W11c2lj" class="imeem"><span>LINK</span></a></td>
<td><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lmxhc3QuZm0vbXVzaWMvRGVhZCtJbitFeGlzdGVuY2U=" class="lastfm"><span>LINK</span></a></td>
<td><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZsaWNrci5jb20vc2VhcmNoLz93PWFsbCZxPWRlYWQraW4rZXhpc3RlbmNlJm09
GV4dA==" class="flickr"><span>LINK</span></a></td>

<td><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmJ1enpuZXQuY29tL3d3dy9zZWFyY2gvcGhvdG9zL2RlYWQlMjBpbiUyMGV4aXN0
W5jZS9saXN0Lw==" class="buzznet"><span>LINK</span></a></td>
<td><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wcm9maWxlLnBocD9pZD0xMDk4MjU5MzQzJnJlZj1wcm9m
WxlL3BhZ2VzL0RlYWQtSW4tRXhpc3RlbmNlLzIyMjU5NzgwNTA5P3JlZj10cw==" class="facebook"><span>LINK</span></a></td>
<td><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL2RlYWRpbmV4aXN0ZW5jZQ==" class="purevolume"><span>LINK</span></a></td>
<td><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3Jlc3VsdHM/c2VhcmNoX3R5cGU9JnNlYXJjaF9xdWVyeT1kZWFkK2luK2V4aXN0ZW5jZQ==" class="youtube"><span>LINK</span></a></td>
<td><a href="http://www.msplinks.com/MDFodHRwOi8vaWxpa2UuY29tL2FydGlzdC9zZWFyY2g/YXJ0aXN0X3FwPWRlYWQraW4rZXhpc3RlbmNlJng9MCZ5PTA=" class="ilike"><span>LINK</span></a></td>
<td><img src="http://farm4.static.flickr.com/3625/3487528187_edc1607941_o.jpg" /></td>

</tr>
</table>
</td>
</tr>
</table>

<style>
.contact_container_table span {
display: none;
}
.view_pics_link {
display: block;
width: 360px;
height: 202px;
background: url(http://farm4.static.flickr.com/3565/3554769327_248d513dc2_o.gif) top center no-repeat;
}
.view_pics_link:hover {
background: url(http://farm3.static.flickr.com/2465/3632871541_a2e9e0aa45_o.png) top center no-repeat;
}
.contact_send_message {
display: block;
width: 180px;
height: 34px;
background: url(http://farm4.static.flickr.com/3657/3555579384_0a321dd08d_o.gif) top center no-repeat;
}
.contact_send_message:hover {
background: url(http://farm4.static.flickr.com/3595/3632890033_d87c52e469_o.png) top center no-repeat;
}
.contact_forward_friend {
display: block;
width: 180px;
height: 34px;
background: url(http://farm4.static.flickr.com/3604/3554769347_4a99552fdc_o.gif) top center no-repeat;
}
.contact_forward_friend:hover {
background: url(http://farm3.static.flickr.com/2477/3632894545_b1a26ba2b3_o.png) top center no-repeat;
}
.contact_add_friends {
display: block;
width: 180px;
height: 34px;
background: url(http://farm4.static.flickr.com/3339/3554769365_84c98c41dc_o.gif) top center no-repeat;
}
.contact_add_friends:hover {
background: url(http://farm4.static.flickr.com/3557/3555578096_51820a4b1d_o.gif) top center no-repeat;
}
.contact_add_favorites {
display: block;
width: 180px;
height: 34px;
background: url(http://farm3.static.flickr.com/2426/3555579438_5050b90838_o.gif) top center no-repeat;
}
.contact_add_favorites:hover {
background: url(http://farm4.static.flickr.com/3637/3554768063_103cb04005_o.gif) top center no-repeat;
}
.contact_im_call {
display: block;
width: 180px;
height: 36px;
background: url(http://farm4.static.flickr.com/3591/3555579450_b0aa4f536b_o.gif) top center no-repeat;
}
.contact_im_call:hover {
background: url(http://farm4.static.flickr.com/3365/3554768071_3ffa530cd0_o.gif) top center no-repeat;
}
.contact_block_user {
display: block;
width: 180px;
height: 36px;
background: url(http://farm4.static.flickr.com/3642/3555579464_1aa6b817c9_o.gif) top center no-repeat;
}
.contact_block_user:hover {
background: url(http://farm4.static.flickr.com/3621/3555578122_7fd38d7c5e_o.gif) top center no-repeat;
}
.contact_add_group {
display: block;
width: 180px;
height: 36px;
background: url(http://farm4.static.flickr.com/3605/3555579478_a429c76c6b_o.gif) top center no-repeat;
}
.contact_add_group:hover {
background: url(http://farm3.static.flickr.com/2445/3555578142_1e4e13c0f1_o.gif) top center no-repeat;
}
.contact_rank_user {
display: block;
width: 180px;
height: 36px;
background: url(http://farm4.static.flickr.com/3620/3555579494_0d2aa356f5_o.gif) top center no-repeat;
}
.contact_rank_user:hover {
background: url(http://farm4.static.flickr.com/3605/3555578154_7afa224125_o.gif) top center no-repeat;
}
</style>

<div style="display: none;">
<img src="http://farm3.static.flickr.com/2472/3555578056_c8eef4b131_o.gif" />
<img src="http://farm4.static.flickr.com/3660/3554768037_94e43b04d4_o.gif" />

<img src="http://farm4.static.flickr.com/3306/3555578084_94e43b04d4_o.gif" />
<img src="http://farm4.static.flickr.com/3557/3555578096_51820a4b1d_o.gif" />
<img src="http://farm4.static.flickr.com/3637/3554768063_103cb04005_o.gif" />
<img src="http://farm4.static.flickr.com/3365/3554768071_3ffa530cd0_o.gif" />
<img src="http://farm4.static.flickr.com/3621/3555578122_7fd38d7c5e_o.gif" />
<img src="http://farm3.static.flickr.com/2445/3555578142_1e4e13c0f1_o.gif" />
<img src="http://farm4.static.flickr.com/3605/3555578154_7afa224125_o.gif" />
</div>


























<table cellpadding="0" cellspacing="0" border="0" align="left" style="margin: 0 0 0 70px;">
<tr>
<td style="width: 425px; background: url(http://farm4.static.flickr.com/3642/3488342834_8e81ffc88a_o.jpg) top left no-repeat; background-color: 000000;">

<table cellpadding="0" cellspacing="0" border="0" class="contact_container_table" align="left">
<tr>

<td colspan="2"><img src="http://farm4.static.flickr.com/3540/3630439681_ef75d007cd_o.jpg" /></td>
</tr><tr>
<td colspan="2"><a class="view_pics_link" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xNTA5NzcyNA=="><span>VIEW PICTURES</span></a></td>
</tr><tr>
<td><a class="contact_send_message" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xNTA5NzcyNCZNeVRva2VuPWYxZThmMzhiLTE0Y2MtNDk3YS1iYmFkLWQ1NDczZ
MxMTY2OQ=="><span>VIEW PICTURES</span></a></td>
<td><a class="contact_forward_friend" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xNTA5NzcyNA=="><span>VIEW PICTURES</span></a></td>
</tr><tr>

<td><a class="contact_add_friends" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xNTA5NzcyNA=="><span>VIEW PICTURES</span></a></td>
<td><a class="contact_add_favorites" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MTUwOTc3MjQmcHVibGljPTA="><span>VIEW PICTURES</span></a></td>
</tr><tr>
<td><a class="contact_im_call" href="http://www.myspace.com/Modules/IM/Pages/GetIM.aspx"><span>VIEW PICTURES</span></a></td>
<td><a class="contact_block_user" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTE1MDk3NzI0"><span>VIEW PICTURES</span></a></td>
</tr><tr>

<td><a class="contact_add_group" href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0
2dyb3VwJmZyaWVuZElEPTE1MDk3NzI0"><span>VIEW PICTURES</span></a></td>

<td><a class="contact_rank_user" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1SYXRlSW1hZ2UuVXNlclJhdGluZyZVc2VySUQ9MTUwOTc3MjQ="><span>VIEW PICTURES</span></a></td>
</tr>
</table>




<img src="http://farm4.static.flickr.com/3575/3482427836_a1c372a276_o.gif" />
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZsaWNrci5jb20vcGhvdG9zLzM2OTU3NDk3QE4wMy8zNDgxNjE0ODY1Lw==" title="add2 by babaloodesigns1, on Flickr"><img src="http://farm4.static.flickr.com/3588/3568085247_f5192aebfd_o.png" /></a>



<br />
<br />

<img src="http://farm4.static.flickr.com/3354/3484067959_3e3c3df387_o.gif" /><br />
<img src="http://farm4.static.flickr.com/3326/3634232871_363b377c6b_o.jpg" /><br />
<a href="http://www.myspace.com/schmeelii" title="members_02 by hello276, on Flickr"><img src="http://farm4.static.flickr.com/3319/3634232889_ef02f6d90f_o.jpg" width="360" height="16" alt="members_02" /></a>

<img src="http://farm4.static.flickr.com/3404/3635042858_7cd8023106_o.jpg" /><br />
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=18341641" title="members_04 by hello276, on Flickr"><img src="http://farm4.static.flickr.com/3627/3634232941_18a32632e6_o.jpg" width="360" height="17" alt="members_04" /></a>

<img src="http://farm4.static.flickr.com/3344/3635042904_926a948d1d_o.jpg" /><br />
<a href="http://www.myspace.com/xDIExTOxREMAINx" title="members_06 by hello276, on Flickr"><img src="http://farm4.static.flickr.com/3391/3635042924_45b093922a_o.jpg" width="360" height="18" alt="members_06" /></a>

<img src="http://farm4.static.flickr.com/3378/3634233021_6b4e0438eb_o.jpg" /><br />
<a href="http://www.myspace.com/robbybangarang" title="members_08 by hello276, on Flickr"><img src="http://farm4.static.flickr.com/3616/3635042980_7d9702818b_o.jpg" width="360" height="18" alt="members_08" /></a>

<img src="http://farm4.static.flickr.com/3357/3634233069_9fc2887cac_o.jpg" /><br />
<a href="http://www.myspace.com/hwnkane15x" title="members_10 by hello276, on Flickr"><img src="http://farm4.static.flickr.com/3369/3635043034_129c003cb2_o.jpg" width="360" height="18" alt="members_10" /></a>

<img src="http://farm3.static.flickr.com/2473/3635043066_8ed30cf808_o.jpg" /><br />
<a href="http://www.myspace.com/brandonxdie" title="members_12 by hello276, on Flickr"><img src="http://farm4.static.flickr.com/3538/3635043088_9618d87ef1_o.jpg" width="360" height="29" alt="members_12" /></a>









</td>
</tr>
</table>










</center>



</div>
</style>





Members:
CODE
<style>
table table{margin-top:440px;}
div table table, table table table {margin-top:0;}
.banner {width:1012px; height:170px; position:absolute; top:0px; left:50%; margin-left:-500px; text-align:center;}
</style>











<style>
.sponsor_nav span {
display: none;
}
.sponsor_nav a {
display: block;
height: 35px;
float: left;
border: 0;
}
a.merchconnection {
width: 84px;
background: url(http://farm4.static.flickr.com/3333/3487528023_d65b018f4d_o.jpg) top left no-repeat;
}
a.merchconnection:hover {
background: url(http://farm4.static.flickr.com/3388/3487528677_9d192cc54a_o.jpg) top left no-repeat;
}
a.imeem {
width: 63px;
background: url(http://farm4.static.flickr.com/3370/3487528039_379f14aff7_o.jpg) top left no-repeat;
}
a.imeem:hover {
background: url(http://farm4.static.flickr.com/3364/3487528637_5c7ac22fa5_o.jpg) top left no-repeat;
}
a.lastfm {
width: 49px;
background: url(http://farm4.static.flickr.com/3624/3487528049_d31dc9c0ae_o.jpg) top left no-repeat;
}
a.lastfm:hover {
background: url(http://farm4.static.flickr.com/3617/3487528659_a700b3619d_o.jpg) top left no-repeat;
}
a.flickr {
width: 51px;
background: url(http://farm4.static.flickr.com/3383/3487528071_a3c8fb060b_o.jpg) top left no-repeat;
}
a.flickr:hover {
background: url(http://farm4.static.flickr.com/3382/3487528613_21ef7f3d28_o.jpg) top left no-repeat;
}
a.buzznet {
width: 59px;
background: url(http://farm4.static.flickr.com/3554/3488342462_a5615f1962_o.jpg) top left no-repeat;
}
a.buzznet:hover {
background: url(http://farm4.static.flickr.com/3385/3487528501_1c443e4370_o.jpg) top left no-repeat;
}
a.facebook {
width: 59px;
background: url(http://farm4.static.flickr.com/3569/3487528103_9a6f488ed4_o.jpg) top left no-repeat;
}
a.facebook:hover {
background: url(http://farm4.static.flickr.com/3643/3487528521_fa41556a25_o.jpg) top left no-repeat;
}
a.purevolume {
width: 66px;
background: url(http://farm4.static.flickr.com/3312/3487528121_80c041e7a9_o.jpg) top left no-repeat;
}
a.purevolume:hover {
background: url(http://farm4.static.flickr.com/3336/3488342990_fc486bf3ca_o.jpg) top left no-repeat;
}
a.youtube {
width: 42px;
background: url(http://farm4.static.flickr.com/3544/3487528157_f584aee0f7_o.jpg) top left no-repeat;
}
a.youtube:hover {
background: url(http://farm4.static.flickr.com/3639/3487528707_d7303cac83_o.jpg) top left no-repeat;
}
a.ilike {
width: 80px;
background: url(http://farm4.static.flickr.com/3304/3487528167_dc2ddcd41b_o.jpg) top left no-repeat;
}
a.ilike:hover {
background: url(http://farm4.static.flickr.com/3324/3487552725_b1ca42a78b_o.jpg) top left no-repeat;
}
</style>













<style>
.contact_container_table span {
display: none;
}
.view_pics_link {
display: block;
width: 360px;
height: 202px;
background: url(http://farm4.static.flickr.com/3565/3554769327_248d513dc2_o.gif) top center no-repeat;
}
.view_pics_link:hover {
background: url(http://farm3.static.flickr.com/2465/3632871541_a2e9e0aa45_o.png) top center no-repeat;
}
.contact_send_message {
display: block;
width: 180px;
height: 34px;
background: url(http://farm4.static.flickr.com/3657/3555579384_0a321dd08d_o.gif) top center no-repeat;
}
.contact_send_message:hover {
background: url(http://farm4.static.flickr.com/3595/3632890033_d87c52e469_o.png) top center no-repeat;
}
.contact_forward_friend {
display: block;
width: 180px;
height: 34px;
background: url(http://farm4.static.flickr.com/3604/3554769347_4a99552fdc_o.gif) top center no-repeat;
}
.contact_forward_friend:hover {
background: url(http://farm3.static.flickr.com/2477/3632894545_b1a26ba2b3_o.png) top center no-repeat;
}
.contact_add_friends {
display: block;
width: 180px;
height: 34px;
background: url(http://farm4.static.flickr.com/3339/3554769365_84c98c41dc_o.gif) top center no-repeat;
}
.contact_add_friends:hover {
background: url(http://farm4.static.flickr.com/3557/3555578096_51820a4b1d_o.gif) top center no-repeat;
}
.contact_add_favorites {
display: block;
width: 180px;
height: 34px;
background: url(http://farm3.static.flickr.com/2426/3555579438_5050b90838_o.gif) top center no-repeat;
}
.contact_add_favorites:hover {
background: url(http://farm4.static.flickr.com/3637/3554768063_103cb04005_o.gif) top center no-repeat;
}
.contact_im_call {
display: block;
width: 180px;
height: 36px;
background: url(http://farm4.static.flickr.com/3591/3555579450_b0aa4f536b_o.gif) top center no-repeat;
}
.contact_im_call:hover {
background: url(http://farm4.static.flickr.com/3365/3554768071_3ffa530cd0_o.gif) top center no-repeat;
}
.contact_block_user {
display: block;
width: 180px;
height: 36px;
background: url(http://farm4.static.flickr.com/3642/3555579464_1aa6b817c9_o.gif) top center no-repeat;
}
.contact_block_user:hover {
background: url(http://farm4.static.flickr.com/3621/3555578122_7fd38d7c5e_o.gif) top center no-repeat;
}
.contact_add_group {
display: block;
width: 180px;
height: 36px;
background: url(http://farm4.static.flickr.com/3605/3555579478_a429c76c6b_o.gif) top center no-repeat;
}
.contact_add_group:hover {
background: url(http://farm3.static.flickr.com/2445/3555578142_1e4e13c0f1_o.gif) top center no-repeat;
}
.contact_rank_user {
display: block;
width: 180px;
height: 36px;
background: url(http://farm4.static.flickr.com/3620/3555579494_0d2aa356f5_o.gif) top center no-repeat;
}
.contact_rank_user:hover {
background: url(http://farm4.static.flickr.com/3605/3555578154_7afa224125_o.gif) top center no-repeat;
}
</style>






<style>
table, tr, td{
background-color:transparent;
border-style:none;
}

body, body.bodycontent{
background-color:rgb(0,0,0);
background-image:url(http://fc09.deviantart.com/fs27/f/2009/246/9/b/Dead_In_Existence_by_Logi_Bear.jpg);
background-position:top center;
background-repeat:no-repeat;
background-attachment:scroll;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:rgb(255,255,255);
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
}

.orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:rgb(255,255,255);
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:none;
}

a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:rgb(153,153,153);
font-weight:normal;
font-style:normal;
text-decoration:underline;
text-transform:none;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:rgb(153,153,153);
font-weight:normal;
font-style:normal;
text-decoration:underline;
text-transform:none;
}

table table table, div table table{
border-style:none;
border-width:1px;
}

table table table table, div table table table{
border-style:none;
}

A IMG{
border-style:none;
}
a </style>















<style>
html body.bodyContent table tbody tr td table tbody tr td.text table.friendSpace tbody tr td.text table tbody tr td span.orangetext15{
display: block !important;
height: 50px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px;
overflow: hidden;
background-image: url(http://farm4.static.flickr.com/3631/3557180347_a1f96fc27e_o.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 50px !important;
margin-top: 0px !important;
background-color: transparent !important;
}


html body.bodyContent table tbody tr td table.friendsComments{
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 20px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
_width: 450px !important;
_margin-left: -2px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table{
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td{
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: url(http://farm4.static.flickr.com/3340/3557838223_29e089797e_o.png);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 432px !important;
color: 000000 !important;
width: 892px;
position: relative;
overflow: hidden;
font-size: 2px;
text-align: right;
margin-top: -1px;
line-height: 300px !important;
_width: 450px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 70px !important;
_margin-bottom: -1px !important;
}


</style>





















<style>
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url("http://farm4.static.flickr.com/3054/3061207430_f215ef55a4_o.jpg");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}












</style>












<div class="iSkinDiv">
</div>
<style>
div.iSkinDiv {width:450px; height:345px;}
div.iSkinDiv {background-color:;}
div.iSkinDiv{position:absolute; z-index:8; top:475px; left:50%; margin-left:-115px; }
table table td.text {padding-top:300px;}
table table table td.text, table table.friendsComments td.text {padding-top:0px;}
</style>




Again, all artwork will be changed. This is merely for positioning purposes. Any help or suggestions for my coding will be greatly appreciated. Thank you!
Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike
 
Mickey
post Nov 4 2009, 03:15 PM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



You don't need to position the left column differently. Once you put enough content on the Bio section, the Comments should move down accordingly. To position the right column, place this code at the bottom of your Members section:

CODE
</td></tr></table>
</td></tr></table>
<div style="width:400px;">&nbsp;</div>
<div class="hide">
<table><tr><td>
<table><tr><td>
 
metalmikey
post Nov 4 2009, 03:57 PM
Post #3


Senior Member
***

Group: Member
Posts: 40
Joined: May 2005
Member No: 133,401



Thanks Mike! That worked like a charm.

I just need some quick help with two more things.

I want to make the Friends part replicate the comments as far as being long and at the bottom of the page above the comments. Similar to http://www.myspace.com/threshhold1

How would I go about doing that without messing up the code?

Also, how would I go about placing an image over the "About Test" and "Test's Latest Blog Entry"?

Thanks kindly again Mike. You have been a great help.



Oh! And forgot to mention, in Internet Explorer the left column is all messed up and is overlapping the right column pretty badly. Any fix for that?
Reason for edit: Please use the Edit button instead of double-posting. - Mike
 
Mickey
post Nov 4 2009, 04:32 PM
Post #4


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Posts merged. Make use of the Edit button. For the IE issue, look for this snippet in your Bio codes:

CODE
<table cellpadding="0" cellspacing="0" border="0" align="left" style="margin: 0 0 0 70px;">
<tr>
<td style="width: 425px; background: url(http://farm4.static.flickr.com/3642/3488342834_8e81ffc88a_o.jpg) top left no-repeat; background-color: 000000;">

<table cellpadding="0" cellspacing="0" border="0" class="contact_container_table" align="left">
<tr>

<td colspan="2"><img src="http://farm4.static.flickr.com/3540/3630439681_ef75d007cd_o.jpg" /></td>
</tr><tr>
<td colspan="2"><a class="view_pics_link" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xNTA5NzcyNA=="><span>VIEW PICTURES</span></a></td>
</tr><tr>
<td><a class="contact_send_message" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xNTA5NzcyNCZNeVRva2VuPWYxZThmMzhiLTE0Y2MtNDk3YS1iYmFkLWQ1NDczZ
MxMTY2OQ=="><span>VIEW PICTURES</span></a></td>
<td><a class="contact_forward_friend" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xNTA5NzcyNA=="><span>VIEW PICTURES</span></a></td>

</tr><tr>

<td><a class="contact_add_friends" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xNTA5NzcyNA=="><span>VIEW PICTURES</span></a></td>
<td><a class="contact_add_favorites" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MTUwOTc3MjQmcHVibGljPTA="><span>VIEW PICTURES</span></a></td>
</tr><tr>
<td><a class="contact_im_call" href="http://www.myspace.com/Modules/IM/Pages/GetIM.aspx"><span>VIEW PICTURES</span></a></td>
<td><a class="contact_block_user" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTE1MDk3NzI0"><span>VIEW PICTURES</span></a></td>

</tr><tr>

<td><a class="contact_add_group" href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0
2dyb3VwJmZyaWVuZElEPTE1MDk3NzI0"><span>VIEW PICTURES</span></a></td>

<td><a class="contact_rank_user" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1SYXRlSW1hZ2UuVXNlclJhdGluZyZVc2VySUQ9MTUwOTc3MjQ="><span>VIEW PICTURES</span></a></td>
</tr>
</table>




<img src="http://farm4.static.flickr.com/3575/3482427836_a1c372a276_o.gif" />
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZsaWNrci5jb20vcGhvdG9zLzM2OTU3NDk3QE4wMy8zNDgxNjE0ODY1Lw==" title="add2 by babaloodesigns1, on Flickr"><img src="http://farm4.static.flickr.com/3588/3568085247_f5192aebfd_o.png" /></a>












</td>
</tr>

</table>

Try giving the main table a definite width like this:

CODE
<table width="425" cellpadding="0" cellspacing="0" border="0" align="left" style="margin: 0 0 0 70px;">
<tr>
<td style="width: 425px; background: url(http://farm4.static.flickr.com/3642/3488342834_8e81ffc88a_o.jpg) top left no-repeat; background-color: 000000;">

<table cellpadding="0" cellspacing="0" border="0" class="contact_container_table" align="left">
<tr>

<td colspan="2"><img src="http://farm4.static.flickr.com/3540/3630439681_ef75d007cd_o.jpg" /></td>
</tr><tr>
<td colspan="2"><a class="view_pics_link" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xNTA5NzcyNA=="><span>VIEW PICTURES</span></a></td>
</tr><tr>
<td><a class="contact_send_message" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xNTA5NzcyNCZNeVRva2VuPWYxZThmMzhiLTE0Y2MtNDk3YS1iYmFkLWQ1NDczZ
MxMTY2OQ=="><span>VIEW PICTURES</span></a></td>
<td><a class="contact_forward_friend" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xNTA5NzcyNA=="><span>VIEW PICTURES</span></a></td>

</tr><tr>

<td><a class="contact_add_friends" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xNTA5NzcyNA=="><span>VIEW PICTURES</span></a></td>
<td><a class="contact_add_favorites" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MTUwOTc3MjQmcHVibGljPTA="><span>VIEW PICTURES</span></a></td>
</tr><tr>
<td><a class="contact_im_call" href="http://www.myspace.com/Modules/IM/Pages/GetIM.aspx"><span>VIEW PICTURES</span></a></td>
<td><a class="contact_block_user" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTE1MDk3NzI0"><span>VIEW PICTURES</span></a></td>

</tr><tr>

<td><a class="contact_add_group" href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0
2dyb3VwJmZyaWVuZElEPTE1MDk3NzI0"><span>VIEW PICTURES</span></a></td>

<td><a class="contact_rank_user" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1SYXRlSW1hZ2UuVXNlclJhdGluZyZVc2VySUQ9MTUwOTc3MjQ="><span>VIEW PICTURES</span></a></td>
</tr>
</table>




<img src="http://farm4.static.flickr.com/3575/3482427836_a1c372a276_o.gif" />
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZsaWNrci5jb20vcGhvdG9zLzM2OTU3NDk3QE4wMy8zNDgxNjE0ODY1Lw==" title="add2 by babaloodesigns1, on Flickr"><img src="http://farm4.static.flickr.com/3588/3568085247_f5192aebfd_o.png" /></a>

</td>
</tr>

</table>

As for the Friends section, look for this in your codes:

CODE
html body.bodyContent table tbody tr td table tbody tr td.text table.friendSpace tbody tr td.text table tbody tr td span.orangetext15{
display: block !important;
height: 50px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px;
overflow: hidden;
background-image: url(http://farm4.static.flickr.com/3631/3557180347_a1f96fc27e_o.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 50px !important;
margin-top: 0px !important;
background-color: transparent !important;
}

Replace that with this:

CODE
.friendSpace .orangetext15 {height: 50px !important; width: 800px !important; display: block !important; margin: 0 !important; padding: 0 !important; font-size: 0px; overflow: hidden; background-image: url(http://farm4.static.flickr.com/3631/3557180347_a1f96fc27e_o.jpg); background-repeat: no-repeat; color: 000000 !important; line-height: 50px !important;}
.friendSpace {position:relative; margin-left:-340px; float:left;}
.friendSpace table, .friendSpace td.text {width:100%;}

That should do it.
 
metalmikey
post Nov 4 2009, 06:06 PM
Post #5


Senior Member
***

Group: Member
Posts: 40
Joined: May 2005
Member No: 133,401



The Friends thing worked but the IE issue still seems to be happening...


Any help to get this fixed for IE?
Reason for edit: Please use the Edit button instead of double-posting. - Mike
 
Mickey
post Nov 5 2009, 02:24 PM
Post #6


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Posts merged. Stop double-posting or you will be warned again. Look for this near the bottom of your Bio codes:

CODE
</table>




<img src="http://farm4.static.flickr.com/3575/3482427836_a1c372a276_o.gif" />
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZsaWNrci5jb20vcGhvdG9zLzM2OTU3NDk3QE4wMy8zNDgxNjE0ODY1Lw==" title="add2 by babaloodesigns1, on Flickr"><img src="http://farm4.static.flickr.com/3588/3568085247_f5192aebfd_o.png" /></a>

Add this after the closing <table> tag:

CODE
<br clear="all" />
 
metalmikey
post Nov 5 2009, 02:33 PM
Post #7


Senior Member
***

Group: Member
Posts: 40
Joined: May 2005
Member No: 133,401



Sorry about the double posting Mike.

Thanks for that suggestion. It worked perfectly. One last question and I should be out of your hair for this project.

In IE of course the comments section is all screwed up. It looks nothing like it does in FF. The actual comments are defaulted centered small boxes instead of long ways that it shows in FF and the image above the comments is pretty much completely hidden with the comments overlapping them.

Any help on this? These are my last gripes for this layout.
 
Mickey
post Nov 5 2009, 02:37 PM
Post #8


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Look for this:

CODE
table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: url(http://farm4.static.flickr.com/3340/3557838223_29e089797e_o.png);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 432px !important;
color: 000000 !important;
width: 892px;
position: relative;
overflow: hidden;
font-size: 2px;
text-align: right;
margin-top: -1px;
line-height: 300px !important;
_width: 450px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 70px !important;
_margin-bottom: -1px !important;
}

Remove all the attributes with underscores before them.
 
metalmikey
post Nov 5 2009, 02:46 PM
Post #9


Senior Member
***

Group: Member
Posts: 40
Joined: May 2005
Member No: 133,401



Perfect. Worked great! I forgot to mention again I am still looking for a way to place an image of the "About Test" AND "Test's Latest Blog Entry".

I asked it a few steps up but never got an answer. Anything you could share on the matter?
 
Mickey
post Nov 5 2009, 02:51 PM
Post #10


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Click here.
 
metalmikey
post Nov 5 2009, 03:08 PM
Post #11


Senior Member
***

Group: Member
Posts: 40
Joined: May 2005
Member No: 133,401



Thanks but all I need to do is just hide "About Test". Quick code available?
 
Mickey
post Nov 5 2009, 04:00 PM
Post #12


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Position the header image over it so it gets hidden, like this:

CODE
<img src="URL" style="position:relative; top:-15px;" alt="" />
 
metalmikey
post Nov 5 2009, 05:11 PM
Post #13


Senior Member
***

Group: Member
Posts: 40
Joined: May 2005
Member No: 133,401



Thanks again. Now for some reason in IE bits of the original profile peeks out on the left of the layout. How can I just hide all of that junk without screwing up the code already in place?

 
Mickey
post Nov 5 2009, 05:55 PM
Post #14


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Click here.
 
metalmikey
post Nov 5 2009, 06:35 PM
Post #15


Senior Member
***

Group: Member
Posts: 40
Joined: May 2005
Member No: 133,401



That didn't work at all. All it did was move my entire left column up into the header graphic. Any other suggestions on getting the profile peek out of IE?

Also for some reason and it's completely bothering me, the main image that is separate from the background is off center and the edges can be seen. Do you know which code is best to edit? I assume its in one of the margins but something in the code you gave me must have off centered it a bit, not sure which one.
 
Mickey
post Nov 5 2009, 07:49 PM
Post #16


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Look for this bit:

CODE
<style>
table table{margin-top:440px;}
div table table, table table table {margin-top:0;}
.banner {width:1012px; height:170px; position:absolute; top:0px; left:50%; margin-left:-500px; text-align:center;}
</style>

Replace it with this:

CODE
<style>
table table{margin-top:440px;}
div table table, table table table {margin-top:0;}
.banner {width:875px; height:170px; position:absolute; top:0px; left:50%; margin-left:-437px; text-align:center;}
</style>

Look for this bit:

CODE
<table width="425" cellpadding="0" cellspacing="0" border="0" align="left" style="margin: 0 0 0 70px;">

Replace it with this:

CODE
<table width="425" cellpadding="0" cellspacing="0" border="0" align="left" style="margin: 0 0 0 0px;">
 
metalmikey
post Nov 6 2009, 04:10 PM
Post #17


Senior Member
***

Group: Member
Posts: 40
Joined: May 2005
Member No: 133,401



Ahh. Yeah I apologize for the cluttered code. lol

Anyways it's coming out nicely I just need help getting rid of the dots around the blog area. There's 3 little dots that I can not figure out how to eliminate. Any suggestions Mike?
 
Mickey
post Nov 7 2009, 05:12 PM
Post #18


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Try this code:

CODE
<style>
.latestBlogEntry {color:black;}
.latestBlogEntry .text {color:white;}
</style>

See if that does it.
 
metalmikey
post Nov 7 2009, 08:18 PM
Post #19


Senior Member
***

Group: Member
Posts: 40
Joined: May 2005
Member No: 133,401



No that did not work.

Any other suggestions?
 
Mickey
post Nov 8 2009, 05:03 AM
Post #20


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



You had codes that clashed with it. Look for this chunk of codes in your Members section instead:

CODE
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 449px !important;
font-family: Arial;
color: !important;
clear: both !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color: ;
padding: 0px !important;
margin: 0px !important;
padding-right: 5px !important;
position: relative;
z-index: 6;
font-weight: normal;
font-size: 10px !important;
display: block;
height: 35px;
text-transform: Capitalize;
_font-size: 10px !important;
_width:120px;
_text-align:right;
_font-weight: normal;
_postion: absolute !important;
_margin-top: -4px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{
line-height: 35px;
position: absolute;
display: block;

border-color: ;
width: 443px;
color: ;
padding: 0px !important;
margin: 0px !important;
padding-left: 5px !important;
z-index: 5;
font-weight: normal;
font-size: 10px !important;
height: 35px;
_font-size: 10px !important;
_margin-top: -3px !important;
_font-weight: normal !important;
_margin-left: -3px !important;
_width:449px;
}

Replace it with this:

CODE
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 449px !important;
font-family: Arial;
color: black!important;
clear: both !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color:rgb(153,153,153);
padding: 0px !important;
margin: 0px !important;
padding-right: 5px !important;
position: relative;
z-index: 6;
font-weight: normal;
font-size: 10px !important;
display: block;
height: 35px;
text-transform: Capitalize;
_font-size: 10px !important;
_width:120px;
_text-align:right;
_font-weight: normal;
_postion: absolute !important;
_margin-top: -4px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{
line-height: 35px;
position: absolute;
display: block;
border-color: ;
width: 443px;
color: white!important;
padding: 0px !important;
margin: 0px !important;
padding-left: 5px !important;
z-index: 5;
font-weight: normal;
font-size: 10px !important;
height: 35px;
_font-size: 10px !important;
_margin-top: -3px !important;
_font-weight: normal !important;
_margin-left: -3px !important;
_width:449px;
}

That should do it.
 
metalmikey
post Nov 10 2009, 01:40 PM
Post #21


Senior Member
***

Group: Member
Posts: 40
Joined: May 2005
Member No: 133,401



Alright one last little problem and everything is done and taken care of.

In IE only there is a little bit of the original profile sticking out of the main image, right above the contact menu, on the left column.

As seen here: http://www.myspace.com/theblackstymphalian

What is a quick fix to eliminate this problem?
 
Mickey
post Nov 10 2009, 02:15 PM
Post #22


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



CODE
<style>
.lightbluetext8 {display:none;}
</style>
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: