Band Layout Help, Friends, Comments, and Blogs Options

[metalmikey]

Hello, I am trying to center and stretch the Friends and Comments section to the width of the 876px. I don't know exactly where to start.

Also I am trying to get the blogs area to show up right below the band's music player. Any help with this will be greatly appreciated.

Link: http://www.myspace.com/testtest4444

Bio:

CODE

<style>.orangetext15 {visibility:hidden; display:none;} .nametext {display:none;} </style> <style>.latestBlogEntry{display:none;visibility:hidden;}</style> <img src="http://img6.imageshack.us/img6/6725/aboutusi.gif" /> <center> First and foremost everything we do is for our lord and savior Jesus Christ! Thresh-Hold was started a year ago by lead singer/guitarist Shelly Leidy And Bassist Josh Leidy. Since then the band has added, Cassie Leidy on back up vocals, and Ryan Stewart on the Drums. We Strive to bring the word of the Lord to people through our music. We want to show young people that you can have fun and do great things with out trying to be "cool" or "hip", and that you can Live a good fruitful life with out doing wrongful & stupid things. <p> Our songs are meant to be inspirational and uplifting. And give words of encouragement to troubled people, they also are about real life problems people face everyday. As of april 10th we have produced our 1st CD. And are currently selling them for $12. We have played as several youth events around Michigan. We are available For Christian & Clean/family shows. contact us at threshhold7@yahoo.com we are willing to play for a Free Will offering. </center> <p> <p> <img src="http://img268.imageshack.us/img268/374/promote.gif" /> <center> <a href="http://www.myspace.com/threshhold1"><img src="http://img269.imageshack.us/img269/1921/threshanibanner.gif" width="390" height="100" /></a> <br /><br /> <textarea><a href="http://www.myspace.com/threshhold1"><img src="http://img269.imageshack.us/img269/1921/threshanibanner.gif" width="390" height="100"></a></textarea><br /><br /> <br /><br /> </center> <style> body{ background-position:top center;margin-top: 669px;} div.topbanner { top: 0px; left: 50%; margin-left: -443px; width: 876px; height: 669px; position: absolute; } </style> <div class="topbanner"><img src="http://img136.imageshack.us/img136/4793/threshheader.jpg" /></div><center> <p> <b> <style> .main { position: absolute; left: 50%; top: 885px; width: 100px; z-index: 1; margin-left: -415px; } </style> <div class="main"> <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0zOTQ0MjQ2OTc="><img src="http://img21.imageshack.us/img21/2302/threshpics.jpg" /></a> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zOTQ0MjQ2OTcmTXlUb2tlbj1lZmU2MDhkMy01OGM1LTRmNTktODMwMy0zZmQ5N
YyNDY2MGU="><img src="http://img21.imageshack.us/img21/3130/nav01.gif" /> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0zOTQ0MjQ2OTc="><img src="http://img21.imageshack.us/img21/5773/nav02r.gif" /> <a href="http://www.myspace.com/Modules/IM/Pages/GetIM.aspx"><img src="http://img197.imageshack.us/img197/6607/nav03.gif" /> <a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0
2dyb3VwJmZyaWVuZElEPTM5NDQyNDY5Nw=="><img src="http://img197.imageshack.us/img197/729/nav04.gif" /></a> <img src="http://img132.imageshack.us/img132/3742/videosx.gif" /> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="269" width="349"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.youtube.com/v/RDvZFz2_etw&hl=en&fs=1" /> <param name="wmode" value="transparent" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/RDvZFz2_etw&hl=en&fs=1" height="269" width="349" wmode="transparent" /> </object> <br /> <p> <img src="http://img32.imageshack.us/img32/6527/informationn.gif" /> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRpZ2l0YWxtaWtleS5jb20="><img src="http://img132.imageshack.us/img132/6877/infodetails.gif" /></a> <br /> </div>

Members:

CODE

<style> table, tr, td{ background-color:transparent; border-style:none; } body, body.bodycontent{ background-color:rgb(0,0,0); background-image:url(http://img301.imageshack.us/img301/598/threshbg.jpg); background-position:center center; background-repeat:no-repeat; background-attachment:fixed; } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:rgb(255,255,255); font-size:8pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:verdana,sans-serif; } .orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{ color:rgb(102,102,102); font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:verdana,sans-serif; } 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(255,255,255); font-size:8pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:verdana,sans-serif; } 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(255,255,255); font-size:8pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:verdana,sans-serif; } 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>

Thanks!

Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike

[Mickey]

Try this code:

CODE

<style>
.friendsComments {width:876px!important; display:block;}
.friendsComments table, .friendsComments table table {width:100%;}
.columnsWidening {padding-left:25px;}
.blacktext10 {width:725px!important; display:block;}
</style>

As for the blog entries, they should already display below your music player. You just have this code that's making them hidden:

CODE

<style>.latestBlogEntry{display:none;visibility:hidden;}</style>

Remove that and they should appear.

[metalmikey]

Thanks Mike.

Any idea how I can add an image over "Latest Blog Entry - Subscribe to this blog"?

Also how do I add an image right above the "Displaying 1 of 1 comments" area?

Also How do I center and stretch the Friends section like and to match the comments section?

[Mickey]

Check out this post on TJ's band page customization tutorial to find out how to put up headers on certain sections. To center and stretch the Friends section, use this code:

CODE

<style>
.friendSpace {position:relative; margin-left:-340px; width:876px!important;}
.friendSpace table, .friendSpace td.text {width:100%;}
</style>

That should do the trick.

[metalmikey]

Thanks Mike but I tried all of the codes he suggested in his post and none of them worked. Even the basic Friends header code didn't work. I can't figure this out for the life in me.

[Mickey]

That's because you have this in your Bio codes:

CODE

.orangetext15 {visibility:hidden; display:none;}

Remove that and they should work. It's at the top.

[metalmikey]

Alright, got them working somewhat. Could use some quick positioning help though.

Right now I can't get the Blog header to stay above the actual posts. Any suggestions?

Also the Friends header looks fine in Firefox on the PC, however in Safari on my Mac its aligned to the right completely. Suggestions?

Thanks again for your help Mike, it's really appreciated.



Any ideas Mike?

Reason for edit: Please use the Edit button instead of double-posting. - Mike

[Mickey]

Posts merged. I can't find a solution for cleaning up the Friends section, mate. Sorry. I think you'll have to stick with how it originally was. As for the Latest Blog Entry table header, replace the bottom portion of your Bio codes with this:

CODE

<style>
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
width: 440px!important;
margin: auto !important;
padding: 0 !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry .btext{
color: 9daeb8;
font-size: 1px;
width: 440px!important;
height: 60px!important;
display:block;
background-image: url(http://img62.imageshack.us/img62/9504/blogsm.gif);
background-repeat: no-repeat;
}
</style>

That should do the trick.

[metalmikey]

Alright, thank you again Mike.

How do I get rid of the About Test text above the About header?

Anyone else got any tips to make the friends section work good on a Mac?

[Mickey]

I found a solution. Replace all of your Bio codes with this:

CODE

<img src="http://img6.imageshack.us/img6/6725/aboutusi.gif" style="position:relative; margin-top:-25px;" />

<center>
First and foremost everything we do is for our lord and savior Jesus Christ! Thresh-Hold was started a year ago by lead singer/guitarist Shelly Leidy And Bassist Josh Leidy. Since then the band has added, Cassie Leidy on back up vocals, and Ryan Stewart on the Drums. We Strive to bring the word of the Lord to people through our music. We want to show young people that you can have fun and do great things with out trying to be "cool" or "hip", and that you can Live a good fruitful life with out doing wrongful & stupid things.

Our songs are meant to be inspirational and uplifting. And give words of encouragement to troubled people, they also are about real life problems people face everyday. As of april 10th we have produced our 1st CD. And are currently selling them for $12. We have played as several youth events around Michigan. We are available For Christian & Clean/family shows. contact us at threshhold7@yahoo.com we are willing to play for a Free Will offering.

<img src="http://img268.imageshack.us/img268/374/promote.gif" /><br />

<a href="http://www.myspace.com/threshhold1"><img src="http://img269.imageshack.us/img269/1921/threshanibanner.gif" width="390" height="100" /></a>

<br /><br />
<textarea><a href="http://www.myspace.com/threshhold1"><img src="http://img269.imageshack.us/img269/1921/threshanibanner.gif" width="390" height="100"></a></textarea><br /><br />
<br /><br />
</center>


<style>
div.topbanner {top: 0px; left: 50%; margin-left: -443px; width: 876px; height: 669px; position: absolute;}
</style>

<div class="topbanner"><img src="http://img136.imageshack.us/img136/4793/threshheader.jpg" /></div>


<style>
.main {position: absolute; left: 50%; top: 885px; width: 100px; z-index: 1; margin-left: -415px;}
</style>


<div class="main">
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0zOTQ0MjQ2OTc="><img src="http://img21.imageshack.us/img21/2302/threshpics.jpg" /></a>


<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.messageV3&friendID=394424697"><img src="http://img21.imageshack.us/img21/3130/nav01.gif" />

<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0zOTQ0MjQ2OTc="><img src="http://img21.imageshack.us/img21/5773/nav02r.gif" />

<a href="http://www.myspace.com/Modules/IM/Pages/GetIM.aspx"><img src="http://img197.imageshack.us/img197/6607/nav03.gif" />

<a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0
2dyb3VwJmZyaWVuZElEPTM5NDQyNDY5Nw=="><img src="http://img197.imageshack.us/img197/729/nav04.gif" /></a>

<img src="http://img132.imageshack.us/img132/3742/videosx.gif" />

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="269" width="349">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/RDvZFz2_etw&hl=en&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/RDvZFz2_etw&hl=en&fs=1" height="269" width="349" wmode="transparent" />
</object>

<br />

<img src="http://img32.imageshack.us/img32/6527/informationn.gif" />


<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRpZ2l0YWxtaWtleS5jb20="><img src="http://img132.imageshack.us/img132/6877/infodetails.gif" /></a>
</div>


<style>
body {background-position:top center;margin-top: 669px;}
</style>


<style>
.nametext {display:none;}

.friendSpace {position:relative; margin-left:-340px; _margin-left:-320px; float:left;}
.friendSpace table, .friendSpace td.text {width:100%;}

.friendsComments {width:876px; display:block;}
.friendsComments table, .friendsComments td.text {width:100%;}
.columnsWidening {padding-left:25px;}
.blacktext10 {width:725px!important; display:block;}

.contactTable {_padding-right:50px;}
</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: 75px !important;
width: 855px !important;
font-size: 1px;
background-image: url(http://img101.imageshack.us/img101/8044/friendsw.gif);
background-repeat: no-repeat;
color: 9daeb8;
}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15 {
background-image: url(http://img198.imageshack.us/img198/8632/commentsv.gif);
background-repeat: no-repeat !important;
display: block !important;
height: 75px !important;
width: 855px !important;
color: 9daeb8;
font-size: 1px;
text-align: right;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
width: 440px!important;
margin: auto !important;
padding: 0 !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry .btext{
color: 9daeb8;
font-size: 1px;
width: 440px!important;
height: 60px!important;
display:block;
background-image: url(http://img62.imageshack.us/img62/9504/blogsm.gif);
background-repeat: no-repeat;
}
</style>

It seems to work on Firefox, Explorer and Safari so there.

[metalmikey]

A great big THANK YOU, Mike. This solved all my problems I was having.

[Mickey]

No problem, mate. Topic closed & moved.