Band layout, designing and positioning... Options

[shawtiegotem]

i'm designing a layout for mi friend band. and i'm trying to
keep it simple.Im gonna try to have a banner below and on top of the navigation.
moving the about me, and the music player on the bottem banner. i'm not done yet.
i still have designing too do. and postioning to do. but heres the myspace im making the layout on.
right here.
my first question is.
i want to put the navigation on the banner.
should i put it under the tables where the music about me is gonna go?i just want your opinion.
second. can i move the about me?or hide it and make a div and position it on the banner?if so, whats the code for it?

[shawtiegotem]

i don't get on how to move the friends section,
i have the comments on the bottem, thats how i want it.

does she still reply to comments?

[shawtiegotem]

okay, before i looked at the tut, i had the background image and the banner how i wanted it too be. all i had to do is to put the core div image in. could i still use that method and still use her codes? cause mostly (i think) that all i need is to move the blogs,friend space, and add a comment box, add div boxs, plus i need to image slice.

[shawtiegotem]

how can i fix the width and height and put it in a scroll?

[shawtiegotem]

and how do i put it in a scroll box?

[ZeT0]

Preeeeeetty sure this will work?

CODE

<div style="height:400;width:450px
;overflow:auto"><table><tr>
<td><table><tr>
<td></div>

"To add a scroll bar to your friends table, copy the code below and paste it into your editing section." - http://au.answers.yahoo.com/question/index...25152656AAjbqr1

[shawtiegotem]

so i can't have a scroll box for friends?
i saw band pages with them though.

[fixtatik]

You could always wait until profile 2.0 comes out for bands if you want individual boxes with overflow. :)
I read somewhere Myspace is working on that.

[fixtatik]

Definitely...and then comes the impossibility of making a 2.0 converter for band profiles.

I can't seem to find where I read about 2.0 coming to Myspace music, but I did find a music page that's already set to profile 2.0: http://www.myspace.com/steveaoki

[fixtatik]

Haha, how can anyone not love any of his music? :D

If you want div layouts on music pages, you can do it exactly like on profile 1.0. It just takes a bit more to hide everything:

CODE

table table table td.text, .contactTable, .latestBlogEntry, table div, div table, .friendSpace table div, td div span a, .whitelink { display:none!important; }
div div table, div table div, table table div { display:block!important; padding:0; }
table table table, table table table table table div { visibility:hidden; }
table table table table table, table table table table div { visibility:visible; }
table, tr, td { background:none; border:none; }

.friendSpace, .friendSpace td.text, .friendSpace td.text table table, .friendSpace table, .friendsComments, .friendsComments table { visibility:visible; }
.friendSpace td.text, .friendSpace td.text table table { display:table!important; _display:block!important; visibility:visible; }

.clearfix form, .clearfix a { display:none!important; }
.clearfix { margin:0 auto -60px!important; }
div { margin:auto; width:728px; }
table div, div div { width:auto; }

.orangetext15, .btext, .redbtext, .redtext, .friendsComments b, .blacktext10, table, td, div, font, p, span, a:active, a:hover, a:link, a:visited { color:rgb(0,0,0); font:normal 12px/16px Arial, Helvetica, sans-serif; }
.columnsWidening b { font-weight:bold; }

1. The first part hides everything except the music player and top nav with the ad.

2. The second part makes the friends and comments visible again (if want only the comments visible, obviously delete everything in that part that has something to do with ".friendSpace").

3. The third part hides the navigation and keeps the ad. It also brings the music player up underneath the advertisement, but everyone moves the music player in divs anyway, so I didn't worry about it.

4. The last part just resets the text to standard 12px Arial.

The only problem lies in this:

CODE

div { margin:auto; width:728px; }
table div, div div { width:auto; }

If you don't add !important after the widths, then in Safari, the gradient background pokes out from the edges of the advertisement. But if you do add !important, you'll have to use !important after the width of every div you use in your layout.

Like a regular layout, just put everything in the bio section.