Band Profile Help, Positioning & Hiding Options

[metalmikey]

I'm back again and I have a few new questions with a layout I'm working on. First off, you can find the layout at http://www.myspace.com/testtest4444

Now on to the things I am trying to accomplish. Keep in mind before I get scolded I did search the forum and code area of the site for answers but came to no avail.

Hiding

I'd like to hide the entire default profile except the comments section. Yes, I've tried every code I've come across here but for some reason when I use them they hide my div I have in place already. I tried z-index and everything but it still wouldn't show. So any suggestions on this would be greatly appreciated.

Positioning

I am trying to position the Myspace Advertisement and Search/Music bar above my main div. Any clue on how I could do this?

Lastly, there is probably a simple answer to this that I'm over looking but none the less I can't figure it out in the code. At the bottom of my page "Press Room" is in bold and larger than the rest of the links at the bottom. It's real annoying as I'd figure my CSS would manipulate that whole section, not just one part of it.

Basically I'm just looking to get the advertisements at top and then one giant div. I already hid the music player as I'm using a soundclick one instead.

Again any and all help is appreciated in advance. Thanks!

[Mickey]

First, you will need to remove the space you made between the top of the browser and the advertisement / navigation. Look for this in the beginning of your Members section:

CODE

body{background-image:; background-attachment:fixed background-repeat:no-repeat; background-position:bottom right; background-color:black; margin-top: 800px;}

Remove the margin-top attribute. You might as well remove this too:

CODE

body table {margin-top:50px;}

Now, add this at the top of your Bio section:

CODE

</td></tr></table>
</td></tr></table>
</td></tr></table>

And add this at the bottom:

CODE

<table><tr><td>
<table><tr><td>
<table><tr><td>

That way the Bio section isn't nested so deeply within <table> tags. Next, add this in between your <style> tags in your Members section:

CODE

table table table {display: none;}
table div {display: inline;}
.clearfix table div div, table div, .friendsComments * table {display: block;}
div div table div, .friendsComments {position: relative; z-index: 9;}
p a {font-weight: normal; font-family: Verdana, Helvetica, Arial, Sans-serif; font-size:0.8em;}

- The first line hides most of the default elements.
- The second line makes the content in your Bio section visible.
- The third line makes the advertisement, navigation and comments visible.
- The fourth line positions those elements over your DIVs.
- The last two lines make the Press Room link look similar to the ones around it.

Now if you want to position any more objects around, place them in between the closing and opening <table> tags at the top and bottom of your Bio section. If you want to position the Comments section around, look for this line:

CODE

div div table div, .friendsComments {position: relative; z-index: 9;}

Remove .friendsComments and make a new line for it, like this:

CODE

.friendsComments {position: absolute; top: #px; left: 50%; margin-left: #px; z-index: 8;}

[metalmikey]

One small problem and I'll be all set.

In the comments section I just made, I tested and if it seems to be a long comment it will push the entire comment box (Safari) or the comment will get cut off (Firefox). Is there anyway I can fix this?

Thanks again Mike, you are always very helpful.

[metalmikey]

Alright.

Now that I added content on my div the comments aren't moving below the content, rather it's staying stationary and I can't seem to get it below the actual div and always stay below the div. You can see my page for what I'm talking about. Any code suggestions?

Also I added a SoundClick player and a Youtube player and neither are showing. I was wondering if you could give me some suggestions on to get them to show up on the page.

Thanks.

[Mickey]

Remove this from your codes:

CODE

<style>
object {display: none;}
object object, td td td object, embed {display: inline;}
</style>

As for your Comments, you need to position them after you have put up all your content. Look for this:

CODE

html body.bodyContent table tbody tr td table.friendsComments{
width: 826px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 1200px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
position: relative;
_width: 826px !important;
_margin-left: -2px !important;
}

Just raise the margin-top value until it's below everything.

[metalmikey]

Okay, that's awesome but now the Myspace player is showing. I don't want it to show. lol

[Mickey]

How about positioning it out of view instead of hiding it? Use my code.