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;}