Log In · Register

 
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
 
 
Start new topic
Replies
metalmikey
post Nov 4 2009, 03:57 PM
Post #2


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
 

Posts in this topic
metalmikey   Band Layout Positioning   Nov 4 2009, 02:39 PM
Mike   You don't need to position the left column dif...   Nov 4 2009, 03:15 PM
metalmikey   Thanks Mike! That worked like a charm. I just...   Nov 4 2009, 03:57 PM
Mike   Posts merged. Make use of the Edit button. For the...   Nov 4 2009, 04:32 PM
metalmikey   The Friends thing worked but the IE issue still se...   Nov 4 2009, 06:06 PM
Mike   Posts merged. Stop double-posting or you will be w...   Nov 5 2009, 02:24 PM
metalmikey   Sorry about the double posting Mike. Thanks for t...   Nov 5 2009, 02:33 PM
Mike   Look for this: CODEtable.friendsComments tbody tr...   Nov 5 2009, 02:37 PM
metalmikey   Perfect. Worked great! I forgot to mention aga...   Nov 5 2009, 02:46 PM
Mike   Click here.   Nov 5 2009, 02:51 PM
metalmikey   Thanks but all I need to do is just hide "Abo...   Nov 5 2009, 03:08 PM
Mike   Position the header image over it so it gets hidde...   Nov 5 2009, 04:00 PM
metalmikey   Thanks again. Now for some reason in IE bits of th...   Nov 5 2009, 05:11 PM
Mike   Click here.   Nov 5 2009, 05:55 PM
metalmikey   That didn't work at all. All it did was move m...   Nov 5 2009, 06:35 PM
Mike   Look for this bit: CODE<style> table tabl...   Nov 5 2009, 07:49 PM
metalmikey   Ahh. Yeah I apologize for the cluttered code. lol ...   Nov 6 2009, 04:10 PM
Mike   Try this code: CODE<style> .latestBlogEnt...   Nov 7 2009, 05:12 PM
metalmikey   No that did not work. Any other suggestions?   Nov 7 2009, 08:18 PM
Mike   You had codes that clashed with it. Look for this ...   Nov 8 2009, 05:03 AM
metalmikey   Alright one last little problem and everything is ...   Nov 10 2009, 01:40 PM
Mike   CODE<style> .lightbluetext8 {display:n...   Nov 10 2009, 02:15 PM


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