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
Mickey
post Nov 5 2009, 02:51 PM
Post #2


Treasure Pleasure
********

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



Click here.
 

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: