Centering friends in Band Layout Options

[lperez]

I have my site almost finished and the only thing I need to do is:

1. Center the friends right above the comments
2. Also, how do I resize a youtube video to be smaller than the options youtube allows you to do on their page? Each time I change both parameters it still shows up the regular size.

Here's my page: http://www.myspace.com/trip6designtesting

[fixtatik]

for your friends:

CODE

.friendSpace { margin:0 auto; text-align:center; width:##px; }
.friendSpace table { margin:0 auto; text-align:left; width:##px; }
.friendSpace table table { width:auto; }

if you also want to widen your comments:

CODE

.friendSpace { margin:0 auto; text-align:center; width:##px; }
.friendSpace table { margin:0 auto; text-align:left; width:##px; }
.friendSpace table table { width:auto; }
.columnsWidening { width:100%; }

for ##px, just change it to the width you'd like your friends and comments to be.

[lperez]

Here's my coding because it doesnt adjust the table.

bio section:

CODE

<img src="http://trip6design.com/production/andymckee/div/videohdr.jpg"></a></p>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="265" width="320" data="http://www.youtube.com/v/Ddn4MGaS3N4&hl=en&fs=1&rel=0&color1=0x234900&color2=0x4e9e00">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/Ddn4MGaS3N4&hl=en&fs=1&rel=0&color1=0x234900&color2=0x4e9e00" />
</object>
<img src="http://trip6design.com/production/andymckee/div/youtube.jpg"></a><br></p>

<br><img src="http://trip6design.com/production/andymckee/div/pbans.jpg"></a></p>
<a href="http://www.msplinks.com/MDFodHRwOi8vYW5keW1ja2VlLmNvbQ=="><img src="http://trip6design.com/production/andymckee/ban/ban2.jpg"></a>
<textarea><a href="http://www.msplinks.com/MDFodHRwOi8vYW5keW1ja2VlLmNvbQ=="><img src="http://trip6design.com/production/andymckee/ban/ban2.jpg"></a></textarea><br></p>

<a href="http://myspace.com/andymckee2"><img src="http://trip6design.com/production/andymckee/ban/ban.jpg"></a>
<textarea><a href="http://myspace.com/andymckee2"><img src="http://trip6design.com/production/andymckee/ban/ban.jpg"></a></textarea></p>






<div class="masthead">
<img src="http://rundownmusicians.com/production/andymckee/hdr/randomimage.php">
</div>

<div class="gap"></div>

<div class="tg_left">
<img src="http://rundownmusicians.com/production/andymckee/div/left2.jpg">

<div style="width: 233px; height: 83px; position: absolute; text-align: left; top: 113px; left: 105px;">
<form action="http://andymckee.com/cgi-bin/dada/mail.cgi" method="get">
<input name="list" value="mckeelist" type="hidden">
<input name="f" value="subscribe" type="hidden">
<input name="email" value="email address" size..="" this.value="" ;="" maxlength="1024" type="text">
<input value="Join!" type="submit">
</form>

<div style="width: 305px; height: 580px; position: absolute; text-align: left; top: 127px; left: -60px;">
<h4>Booking</h4>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm1vbnRlcmV5aW50ZXJuYXRpb25hbC5uZXQ=">Monterey International</a><br>Phone: (312)640-7500<br><a href="mailto:kevin@montereyinternational.net">kevin@montereyinternational.net</a><br><a href="mailto:jerry@montereyinternational.net">jerry@montereyinternational.net</a> <br><p></p>

<h4>Booking in United Kingdom</h4>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm5lbXByb2R1Y3Rpb25zLmNvbQ==">NEM Productions</a><br>UK Phone: (0191) 427 6207 <br>International Phone: +44 191 427 6207<br><a href="mailto:dave@nemproductions.com">dave@nemproductions.com</a></p>

<h4>Publicity:</h4>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm5ldHRpZWhhcnRzb2NrLmNvbQ==">Nettie Hartsock</a><br>Phone: (512)396-1067<br>
<a href="mailto:nettie.hartsock@gmail.com">nettie.hartsock@gmail.com</a><br><p></p>
</div>


<div style="width: 305px; height: 780px; position: absolute; text-align: left; top: 760px; left: -60px;">
Andy McKee is one of the world’s finest acoustic soloists. After
receiving over 50 million views collectively for his Youtube videos
which were posted by the independent record label “Candyrat”, Andy’s
success is a testament to the changing nature of the music industry as
well as people’s desire for something new and interesting to listen to.
At one point, Andy held the 1, 2 and 3 positions for Top-Rated Videos
of All Time on the hugely popular website. His videos are still among
the highest rated on Youtube. Consequently, Andy has performed to sold
out shows in all over the world.
<br><br>After starting with an interest in electric guitar, Andy
turned to the acoustic guitar at the age of 16 and began enjoying and
studying the music of Michael Hedges, Don Ross, Billy McLaughlin and
Preston Reed. To this day he still sites these four musicians as his
primary influences in acoustic music. At the same time, Andy draws
inspiration from various other musicians and groups such as; Earth Wind
and Fire, The Yellowjackets, Bjork, Imogen Heap, Pantera, Eric Johnson,
Peter Gabriel, Dream Theater, Bruce Hornsby, and many others.
<br><br>While there are countless amazing guitar players in the world,
it is Andy’s attention to song structure and melodic content that
elevates him above the typical guitarist. It can be observed that Andy
likes to try different things with the guitar such as; altered tunings,
partial capos, percussive hits, and tapping. But in the hands of Andy
these are not mere parlor tricks, they are compositional tools used to
create some of the finest crafted music for the steel string acoustic
guitar.
<br><br>
Andy was born in Topeka, Kansas and still lives there today. He performs between 100-200 shows annually across the world.
<br><br>Non-board mix taping is encouraged at Andy's live performances
for personal use and trading amongst fans, but please respect our
policy not to engage in any unathorized commercial or commerce driven
components related to Andy's music or media.
<br><br>

<br>
<br><b>Guitar.net</b><br>
January 4, 2008<br>"[Andy McKee's] masterful
acoustic guitar performances have become the most popular guitar videos
on YouTube, we think as much for his composing skills as his phenomenal
technique."
<br><br>

<b>The Lefsetz Letter</b><br>
December 14, 2007<br>“Andy McKee is a
genuine YouTube sensation. He’s had over 7 million views on YouTube,
placing him in the top 40 most-viewed videos of ALL TIME and the top 20
most-subscribed of all time.”
<br><br>
<b>Brickfish.com</b><br>
July 18, 2007<br>"He is a model for us
all...demonstrating more technique and emotion than any guitar "idol"
that has graced mainstream media today."
<br><br>
<b>Isle of Wight News</b><br>
June 10, 2007<br>"Not only is McKee a
master of the instrument, he would also appear to be a master of his
craft, and his lyric free songs consistently manage to transcend a
broad range of topics and themes."
<br><br>

<b>Don Ross on Andy McKee</b><br>
May 12, 2007<br>“The most innovative
and exciting fingerstyle guitarist to emerge in years…the most textural
player of the instrument since Michael Hedges.”
<br><br>

<b>Michael Gulezian</b><br>
2007<br>
"Thank you for bringing beauty to the acoustic guitar world.
I have never smelled the slightest whiff of cheese, in any of your compositions. Thank you for keeping the standard so high."
<br><br>

<b>Stephen Bennett</b><br>
2007<br>
"Andy McKee is one of the most musical and inventive guitarists I know. And he's a really nice human being too!"
</div>

<div class="andymckee.com"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmFuZHltY2tlZS5jb20=" target="_new" style="position: absolute; top: -215px; left: -85px;"><img src="http://trip6design.com/production/tools/spacer.gif" style="width: 180px; height: 38px;" 0=""></a>
</div>

<div class="onlinestore"><a href="http://www.msplinks.com/MDFodHRwOi8vYW5keW1ja2VlLmNvbS9yZWxlYXNlcw==" target="_new" style="position: absolute; top: -215px; left: 115px;"><img src="http://trip6design.com/production/tools/spacer.gif" style="width: 85px; height: 38px;" 0=""></a>
</div>

<div class="youtube"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3dhdGNoP3Y9RGRuNE1HYVMzTjQ=" target="_new" style="position: absolute; top: -215px; left: 222px;"><img src="http://trip6design.com/production/tools/spacer.gif" style="width: 85px; height: 38px;" 0=""></a>
</div>

<div class="facebook"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9BbmR5LU1jS2VlLzIyNDM5Mjg5NDkz" target="_new" style="position: absolute; top: -215px; left: 330px;"><img src="http://trip6design.com/production/tools/spacer.gif" style="width: 105px; height: 38px;" 0=""></a>
</div>

<div class="admeyo"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX2NvbmZpcm0mc3RhdHVzQ0Q9MSZmcmllbmRJRD00NDk3
jQ2MQ==" target="_new" style="position: absolute; top: -165px; left: -90px;"><img src="http://trip6design.com/production/tools/spacer.gif" style="width: 85px; height: 38px;" 0=""></a>
</div>

<div class="sendmessage"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00NDk3NjQ2MSZNeVRva2VuPTk4ODIyODJkLTgwZmUtNGJiNC05ZGU3LWFhYzA1N
EyOTdlNw==" target="_new" style="position: absolute; top: -165px; left: 15px;"><img src="http://trip6design.com/production/tools/spacer.gif" style="width: 135px; height: 38px;" 0=""></a>
</div>

<div class="postcomment">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ0OTc2NDYxJk15
G9rZW49NzQyMzdjODQtOGFlNC00ZjZjLTg2NTEtNTBhMWU0MjNiYzhj" target="_new" style="position: absolute; top: -165px; left: 165px;"><img src="http://trip6design.com/production/tools/spacer.gif" style="width: 135px; height: 38px;" 0=""></a>
</div>

<div class="pics">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=44976461" target="_new" style="position: absolute; top: -165px; left: 315px;"><img src="http://trip6design.com/production/tools/spacer.gif" style="width: 45px; height: 38px;"0=""></a>
</div>

<div class="video"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=44976461" target="_new" style="position: absolute; top: -165px; left: 380px;"><img src="http://trip6design.com/production/tools/spacer.gif" style="width: 65px; height: 38px;"0=""></a>
</div>

<div class="artofmotion"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3dhdGNoP3Y9bm1FM1FhR2V0bjQ=" target="_new" style="position: absolute; top:1480px; left: 295px;"><img src="http://trip6design.com/production/tools/spacer.gif" style="width: 125px; height: 88px;" 0=""></a>
</div>

<div class="eboncoast"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3dhdGNoP3Y9bFNuV2hzbWxHZWM=" target="_new" style="position: absolute; top: 1480px; left: 435px;"><img src="http://trip6design.com/production/tools/spacer.gif" style="width: 120px; height: 88px;" 0=""></a>
</div>

<div class="rylynn"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3dhdGNoP3Y9SnNENnVFWnNJc1U=" target="_new" style="position: absolute; top: 1480px; left: 565px;"><img src="http://trip6design.com/production/tools/spacer.gif" style="width: 120px; height: 88px;" 0=""></a>
</div>

In band members:

CODE

<style>
body {margin-top: 0px; }

object {position:static; height:400px; width:450px; z-index:9;}
object {top:0px; left:446px; margin-left:40px;}
object {_top:0px; _margin-top:0px; _margin-left:0px;}
td td td object {position:static; margin:auto;}

table table table td.text, .contactTable, .latestBlogEntry, .friendSpace, .friendsComments,
table div, div table { display:visible!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:visible; }
table table table table table, table table table table div { visibility:visible; }
table, tr, td { background:none; border:none; }

body {
background-color: transparent;
background-image: url(http://www.trip6design.com/production/andymckee/bg/randomimage.php);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
scrollbar-face-color:b1b53b;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:777777;
scrollbar-darkshadow-color:000000;
scrollbar-arrow-color:808080;
scrollbar-track-color:777777;}

.profileWidth table { margin-bottom:520px; width:800px; }
.rail { display:none; }
.gap {
background:url()
top left no-repeat;
width:800px; height:897px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -690px;

table.friendscomments {position:relative; left:50%; left:0px; top:0px;}
table.friendscomments {width:450px !important;}
table.friendscomments td, table.friendscomments table {width:100% !important}
table.friendscomments table table td {width:auto !important;}

.friendSpace { margin:0 auto; text-align:center; width:auto; }
.friendSpace table { margin:0 auto; text-align:left; width:auto; }
.friendSpace table table { width:auto; }

</style>




<style type="text/css">
.masthead {position:absolute; top:170px; margin-left:-450px; left:50%; width:900px; height:561px; z-index:2;}
</style>

<style type="text/css">
.tg_left {position:absolute; top:731px; margin-left:-450px; left:50%; width:385px; height:1050px; background-color:baba58; z-index:2;}
</style>

[fixtatik]

two mistakes i see:

lines 9 & 10 of the code in band members, display:visible; isn't a valid property in CSS:

CODE

table table table td.text, .contactTable, .latestBlogEntry, .friendSpace, .friendsComments,
table div, div table { display:visible!important; }

lines 31-36, you need to close that class:

CODE

.gap {
background:url()
top left no-repeat;
width:800px; height:897px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -690px;

[Mickey]

To resize your YouTube video, try replacing the height and width properties with a class at the very top of your Bio codes like this:

CODE

<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" class="size" data="http://www.youtube.com/v/Ddn4MGaS3N4&hl=en&fs=1&rel=0&color1=0x234900&color2=0x4e9e00">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/Ddn4MGaS3N4&hl=en&fs=1&rel=0&color1=0x234900&color2=0x4e9e00" />
</object>

Then add this somewhere:

CODE

<style>
.size {height:#px!important; width:#px!important;}
</style>

Just play around with the values. Make sure you fix up the things Fixtatik pointed out in order for some of your codes to work properly.

[lperez]

Fixatik....can you show me what to change these to? When I remove lines 9&10 the contact box appears underneath the music player. And what do I put to close the class on .gap?

[Mickey]

What Fixtatik is saying is, visible isn't really the property to use whenever you're using the display attribute. It's usually none, auto, block, or inline. If you want to look at a full list, check out this link. To close the gap class, just add a closing bracket to the very end of the code that Fixtatik posted, like this:

CODE

.gap {
background:url()
top left no-repeat;
width:800px; height:897px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -690px;
}

See the end? Try that out.

[lperez]

ALL is good! It works! You can close this one out! THANK YOU SO MUCH FOR THE HELP!!!

[Mickey]

Topic closed & moved.