Band Layout Positioning, I'm having a few problems. |
Band Layout Positioning, I'm having a few problems. |
![]()
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
|
|
|
![]() |
![]()
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
|
|
|
![]() ![]() |