Mega Layout Help, Please Help. :( |
Mega Layout Help, Please Help. :( |
![]()
Post
#1
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Jul 2008 Member No: 670,761 ![]() |
Ok I have this profile, but it is really just another myspace page I made so that I could display some art/photoshop in. Well, I thought that I would just copy the layout from my old page and put it on the display page, so I could keep all of the send message, add user links, etc. directing you to my main account. Well, something went wrong. Can anyone fix the ad (in IE it bunches up at the top) and the apps (they shows up behind the div tables). Thanks, it would be greatly appreciated. :D
Link to page: http://profile.myspace.com/index.cfm?fusea...endID=432105512 About Me: CODE <style> .profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div, table div embed, table div object { display:none!important; } div table div, table table div, table div div embed, table div div object { display:block!important; padding:0; } .clearfix, .clearfix div { background-image:none!important; overflow:hidden; } .clearfix { width:728px; } .clearfix .clearfix { left:24%; margin:auto; width:auto; position:absolute; top:-40px; } .clearfix .clearfix div { margin:45px 0 0; } .clearfix .clearfix div div { margin:auto; } .profile, .profile div, .profile input, .clearfix select, .clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } table div div embed, table div div object { position:absolute; top:auto; left:auto; margin:auto; } table, tr, td { background:none; padding:0; } *, html, body { margin:0; padding:0; } body { background-image:url(http://i219.photobucket.com/albums/cc202/Turnbelt/pic-1.png); background-position:center center; background-repeat:no-repeat; background-attachment:fixed; background-color:ffffff; margin-top:-20px; overflow-x:hidden; } div { overflow-x:hidden; } object { outline:none; } div, p, td, span, font, textarea, input { color:rgb(80,80,80); font:normal 11px 'lucida sans unicode', 'trebuchet ms', sans-serif; text-align:justify; } .interests div, .interests p, .interests span, .interests font, .interests td, .footer span { color:696969; font-size:10px; } h1 { font-size:15px; font-weight:normal; } h2, h3, h4, h5, h6 { font-size:15px; font-weight:normal; } p { padding:0 0 10px; } a:link, a:visited { color:rgb(188,79,79); font:normal 11px 'lucida sans unicode', 'trebuchet ms', sans-serif; text-decoration:none; } a:active, a:hover { color:rgb(40,40,40); text-decoration:none; } .interests a:link, .interests a:visited, .footer a:link, .footer a:visited { color:rgb(180,180,180); font-size:10px; } .interests a:active, .interests a:hover, .footer a:active, .footer a:hover { color:rgb(230,230,230); } sup, sub { font-size:8px; line-height:8px; } .default img { float:left; margin:0 10px 0 0; width:90px; } a img, .main img { border:none; } .main { background-image:url(http://media.playfire.com/static/images/content_background.png); background-position:center top; background-repeat:repeat; background-color:; left:50%; margin:110px 0 0px -364px; _margin:130px 0 0 -364px; padding:0 0 10px 0; position:absolute; top:0px; width:728px;} .main div { margin:10px; } .main div div { margin:0px; } .header { background-image:url(http://i219.photobucket.com/albums/cc202/Turnbelt/fade.jpg); background-position:left bottom; background-repeat:repeat-x; background-color:rgb(255,255,255); _height:70px; padding:70px 0 0; } .header ul { float:right; list-style:none; padding:7px 0 5px; } .header ul li { float:left; padding:0 5px 0 0; _padding:7px 5px 5px 0; } .header ul li a { background-image:url(http://i219.photobucket.com/albums/cc202/Turnbelt/profile_mod_header_narrow.png); background-position:left bottom; background-repeat:repeat-x; color:696969; padding:7px 12px 5px 11px; } .header ul li a:hover {background-image:url(http://i219.photobucket.com/albums/cc202/Turnbelt/31464ab.gif); border:1px solid transparent; border-bottom:0; border-right-width:2px; border-top-width:2px; background-position:bottom center; background-repeat:repeat; color:rgb(18,18,18); padding:5px 10px;} .header ul li:first a { background-image:url(); background-position:bottom center; border:1px solid transparent; background-repeat:repeat; border-bottom:0; border-right-width:2px; border-top-width:0px; color:rgb(18,18,18); padding:5px 10px;} .content { background-image:url(http://i219.photobucket.com/albums/cc202/Turnbelt/profile_mod_background.gif); background-position:top left; background-repeat:repeat-x; background-color:rgb(255,255,255); padding:50px; } .content h1 { color:C0C0C0; border-bottom:1px dotted rgb(80,80,80); margin:0 0 5px; padding:0 0 5px; } .interests { background-image:url(http://i219.photobucket.com/albums/cc202/Turnbelt/profile_mod_background.gif); background-position:left top; background-repeat:repeat-x; background-color:rgb(255,255,255); _height:100%; padding:10px; } .interests div { float:left; margin:0px 10px 0 0!important; width:129px; } .interests div.last { margin:0!important; } .interests div h2 { border-bottom:1px dotted rgb(18,18,18); margin:0 0 5px; padding:0 0 5px; } .comment textarea { width:100%; } .comment input { cursor:hand; } .comment textarea, .comment input { background:rgb(238,238,238); border:1px solid rgb(210,210,210); border-right-width:2px; border-bottom-width:2px; margin:1px 0; padding:5px; } .comment input:hover { background:rgb(218,218,218); border:1px solid rgb(190,190,190); border-right-width:2px; border-bottom-width:2px; } .footer { background-image:url(); background-position:left top; background-repeat:repeat-x; background-color:rgb(225,225,225); padding:10px; text-align:center; } .masthead .screen { width:728px; height: 415px; display:block; position: absolute; left: 10px; top: 10px; overflow: hidden; } .masthead .bkground {} </style> Who I'd Like To Meet: CODE <div class="masthead">
<div class="screen"> <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="20" width="25" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" /> <param name="wmode" value="transparent" /> <param name="bgcolor" value="#ffffff" /> <param name="flashvars" value="mp3=http://www.sharenow.com/uploads/content/kombat911/02_Say_YeoDnPov.mp3&width=25&loop=1&autoplay=1&volume=150&showslider=0&showloading=never&bgcolor1=ffffff&bgcolor2=ffffff&buttoncolor=004A67&buttonovercolor=C0C0C0" /> </object> </div> <div class="masthead"> <div class="bkground"> </div> <div class="main"> <div class="header"> <ul> <li class="first"><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">Home</a></li> <li><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0yMzU4NDk3MDM=">Add</a></li> <li><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0yMzU4NDk3MDM=">Message</a></li> <li><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTIzNTg0OTcwMw==">Block</a></li> <li><a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nJk15dG9rZW49NDhCQzdEQkEtNTY2QS00QTgwLTg5RTdDMzUyQTVGNUY0MzUz TI5MjQ5MA==">Blog</a></li> <li><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTIzNTg0OTcwMw==">Friends</a></li> <li class="first"><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu mlld1BpY3R1cmUmZnJpZW5kSUQ9MjM1ODQ5NzAz">Pictures</a></li> </div> <div> <div class="content"> <h1>About Me</h1> <p> </div> </div> <div class="interests"> <div> <h2>Music</h2> <p></p> </div> <div> <h2>Movies</h2> <p></p> </div> <div> <h2>Television</h2> <p></p> </div> <div> <h2>Books</h2> <p></p> </div> <div class="last"> <h2>Heroes</h2> <p></p> </div> </div> <div class="comment"> <form method="post" action="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5Db25m XJtQ29tbWVudA=="> <input name="friendID" value="235849703" type="hidden" /> <textarea class="cmt" cols="100%" rows="3" name="f_comments">Add Your Story Here.</textarea><br /> <input class="cmt" type="submit" value="Add Comment" /> </form> </div> <div class="footer"> <span> iDesign By Fixtatix © 2003-2008 Myspace.com. <a href="http://www.myspace.com/index.cfm?fuseaction=misc.terms">Terms</a> | <a href="http://www.myspace.com/index.cfm?fuseaction=misc.privacy">Privacy</a> | <a href="http://www.myspace.com/index.cfm?fuseaction=cms.viewpage&placement=safetysite">Safety</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1taXNjLmNvbnRhY3RJbnB1dCZQcm9maWxlQ29udGVudElEPTIzNTg0OTcwMw==">Report Abuse</a> </span> </div> </div> </style> |
|
|
![]() |
![]()
Post
#2
|
|
![]() Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 ![]() |
To fix your ad problem, replace your About Me with this:
CODE <style> .profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div, table div embed, table div object { display:none!important; } body {z-index:1;} .userProfileApp {display:auto!important; z-index:2;} div table div, table table div, table div div embed, table div div object { display:block!important; padding:0; } .clearfix { width:728px; height:90px; display:block; background-image:none!important;} .clearfix .clearfix {left:50%; margin-left:-364px; _left:0%; _margin-left:40px; width:auto; position:absolute; overflow:hidden;} .profile, .profile div, .profile input, .clearfix select, .clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } table div div embed, table div div object { position:absolute; top:auto; left:auto; margin:auto; } table, tr, td { background:none; padding:0; } *, html, body { margin:0; padding:0; } body { background-image:url(http://i219.photobucket.com/albums/cc202/Turnbelt/pic-1.png); background-position:center center; background-repeat:no-repeat; background-attachment:fixed; background-color:ffffff; overflow-x:hidden; } div { overflow-x:hidden; } object { outline:none; } div, p, td, span, font, textarea, input { color:rgb(80,80,80); font:normal 11px 'lucida sans unicode', 'trebuchet ms', sans-serif; text-align:justify; } .interests div, .interests p, .interests span, .interests font, .interests td, .footer span { color:696969; font-size:10px; } h1 { font-size:15px; font-weight:normal; } h2, h3, h4, h5, h6 { font-size:15px; font-weight:normal; } p { padding:0 0 10px; } a:link, a:visited { color:rgb(188,79,79); font:normal 11px 'lucida sans unicode', 'trebuchet ms', sans-serif; text-decoration:none; } a:active, a:hover { color:rgb(40,40,40); text-decoration:none; } .interests a:link, .interests a:visited, .footer a:link, .footer a:visited { color:rgb(180,180,180); font-size:10px; } .interests a:active, .interests a:hover, .footer a:active, .footer a:hover { color:rgb(230,230,230); } sup, sub { font-size:8px; line-height:8px; } .default img { float:left; margin:0 10px 0 0; width:90px; } a img, .main img { border:none; } .main { background-image:url(http://media.playfire.com/static/images/content_background.png); background-position:center top; background-repeat:repeat; background-color:; left:50%; margin:110px 0 0px -364px; _margin:130px 0 0 -364px; padding:0 0 10px 0; position:absolute; top:0px; width:728px;} .main div { margin:10px; } .main div div { margin:0px; } .header { background-image:url(http://i219.photobucket.com/albums/cc202/Turnbelt/fade.jpg); background-position:left bottom; background-repeat:repeat-x; background-color:rgb(255,255,255); _height:70px; padding:70px 0 0; } .header ul { float:right; list-style:none; padding:7px 0 5px; } .header ul li { float:left; padding:0 5px 0 0; _padding:7px 5px 5px 0; } .header ul li a { background-image:url(http://i219.photobucket.com/albums/cc202/Turnbelt/profile_mod_header_narrow.png); background-position:left bottom; background-repeat:repeat-x; color:696969; padding:7px 12px 5px 11px; } .header ul li a:hover {background-image:url(http://i219.photobucket.com/albums/cc202/Turnbelt/31464ab.gif); border:1px solid transparent; border-bottom:0; border-right-width:2px; border-top-width:2px; background-position:bottom center; background-repeat:repeat; color:rgb(18,18,18); padding:5px 10px;} .header ul li:first a { background-image:url(); background-position:bottom center; border:1px solid transparent; background-repeat:repeat; border-bottom:0; border-right-width:2px; border-top-width:0px; color:rgb(18,18,18); padding:5px 10px;} .content { background-image:url(http://i219.photobucket.com/albums/cc202/Turnbelt/profile_mod_background.gif); background-position:top left; background-repeat:repeat-x; background-color:rgb(255,255,255); padding:50px; } .content h1 { color:C0C0C0; border-bottom:1px dotted rgb(80,80,80); margin:0 0 5px; padding:0 0 5px; } .interests { background-image:url(http://i219.photobucket.com/albums/cc202/Turnbelt/profile_mod_background.gif); background-position:left top; background-repeat:repeat-x; background-color:rgb(255,255,255); _height:100%; padding:10px; } .interests div { float:left; margin:0px 10px 0 0!important; width:129px; } .interests div.last { margin:0!important; } .interests div h2 { border-bottom:1px dotted rgb(18,18,18); margin:0 0 5px; padding:0 0 5px; } .comment textarea { width:100%; } .comment input { cursor:hand; } .comment textarea, .comment input { background:rgb(238,238,238); border:1px solid rgb(210,210,210); border-right-width:2px; border-bottom-width:2px; margin:1px 0; padding:5px; } .comment input:hover { background:rgb(218,218,218); border:1px solid rgb(190,190,190); border-right-width:2px; border-bottom-width:2px; } .footer { background-image:url(); background-position:left top; background-repeat:repeat-x; background-color:rgb(225,225,225); padding:10px; text-align:center; } .masthead .screen { width:728px; height: 415px; display:block; position: absolute; left: 10px; top: 10px; overflow: hidden; } .masthead .bkground {} </style> As for the applications, I don't see anything underneath your layout so I wouldn't know how to help you but I added z-index properties that can possibly make it show. If it doesn't work, I don't know of a solution. Sorry. |
|
|
![]() ![]() |