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
|
|
![]() 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. |
|
|
![]() ![]() |