Log In · Register

 
Positioning / Player not playing, shoould be an easy fix, just confused
oblivionguitaris...
post Oct 23 2009, 03:46 AM
Post #1


Senior Member
***

Group: Member
Posts: 38
Joined: Mar 2008
Member No: 634,385



For the heck of it, I'm trying to rebuild this page.

here's my page: www.myspace.com/avianember

But here are my problems:

1. For some reason, the music player doesn't let you click on it, like there's a clear layer over it or something.

2. Comments are supposed to be centered.

3. Friends should be lined up below "events"

4. I can't figure out how to get rid of the huge gap between the bottom of "events" and my friends/comments.

Any help would be super appreciated. If possible, code it out for me :D

Thanks!!
 
 
Start new topic
Replies (1 - 5)
Mickey
post Oct 23 2009, 04:26 AM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Look for this bit:

CODE
object
{
    position: absolute;
    top: 1021px;
    left: 50%;
    margin-left: -35px
}

Give it a z-index value, like this:

CODE
object
{
    position: absolute;
    top: 1021px;
    left: 50%;
    margin-left: -35px
    z-index: 9;
}

To center the comments, look for this:

CODE
.friendsComments b
{
    display: block;
    width: 100%;
    font-weight: normal;
    font-size: 11px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

Remove the fourth line containing the width attribute and see if that fixes it. If not, try replacing the value with 850px. As for the rest, it'll be easier for me to help if you post all the codes you're using so I can test them myself.
 
fixtatik
post Oct 23 2009, 04:32 AM
Post #3


Senior Member
******

Group: Member
Posts: 1,237
Joined: May 2008
Member No: 648,123



2. The comments aren't centered because of this code (near the bottom of your CSS):
CODE
.friendsComments td.text table
{

    padding: 0 !important;
    margin: 0 !important;
    width: 794px;
}

Change the margin to margin: auto;

3 & 4, there's probably something else in your code that's making them do that, since I can't replicate the problem. I don't feel like hunting through 2500 lines of code, so, like Mike said, you'll have to post all the codes you're using.
 
oblivionguitaris...
post Oct 24 2009, 04:00 AM
Post #4


Senior Member
***

Group: Member
Posts: 38
Joined: Mar 2008
Member No: 634,385



here is the codes I'm using:
CODE

<table class="contactTable" border="1" cellspacing="0" cellpadding="0" width="300" bordercolor="#6699cc">
<tr>
<td width="300" height="15" bgcolor="#6699cc" class="text tdborder" align="left" style="WORD-WRAP:break-word">   <span class="whitetext12">Contacting
BarlowGirl
</span>
</td>
</tr>
<tr>
<td class="tdborder">
<table border="0" cellspacing="0" cellpadding="0" width="300" bordercolor="#000000">
<tr>
<td><img src="http://x.myspacecdn.com/modules/common/static/img/clear.gif" width="1" height="5" border="0" /></td>
</tr>
<tr>
<td width="120" height="5" nowrap bgcolor="#ffffff" align="center" class="text">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.messageV3&friendID=13913225" id="ctl00_cpMain_ctl01_UserContactLinks1_MailLink" rel="myspace:sendMessage"><img src="http://x.myspacecdn.com/images/profile/mail_1.gif" border="0" align="middle" /></a>
</td>
<td width="15" height="5" bgcolor="#ffffff"><img src="http://x.myspacecdn.com/modules/common/static/img/clear.gif" width="15" height="8" border="0" /></td>
<td width="150" nowrap height="5" bgcolor="#ffffff" align="center" class="text" valign="top">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.composeV3&s=Please+take+a+look+at+my+friend's+profile&b=Here's+a+link+to+it%3a%3cbr+%2f%3e%3ca+href%3d%22http%3a%2f%2fwww.myspace.com%2fbarlowgirl%22%3ehttp%3a%2f%2fwww.myspace.com%2fbarlowgirl%3c%2fa%3e" id="ctl00_cpMain_ctl01_UserContactLinks1_ForwardLink"><img src="http://x.myspacecdn.com/images/profile/forward_1.gif" border="0" align="middle" /></a>
</td>
</tr>
<tr>
<td colspan="3"><img src="http://x.myspacecdn.com/modules/common/static/img/clear.gif" width="1" height="2" border="0" /></td>
</tr>
<tr>
<td width="130" nowrap height="5" bgcolor="#ffffff" align="center" class="text" valign="top">
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=13913225" id="ctl00_cpMain_ctl01_UserContactLinks1_AddFriendLink" rel="myspace:addToFriends"><img src="http://x.myspacecdn.com/images/profile/friend_1.gif" border="0" align="middle" /></a>
</td>
<td width="15" height="5" bgcolor="#ffffff"><img src="http://x.myspacecdn.com/modules/common/static/img/clear.gif" width="15" height="1" border="0" /></td>
<td width="150" nowrap height="2" bgcolor="#ffffff" align="center" class="text" valign="middle"><a href="http://profileedit.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=13913225&public=0" id="ctl00_cpMain_ctl01_UserContactLinks1_AddFavoriteLink"><img src="http://x.myspacecdn.com/images/profile/favorite_1.gif" border="0" align="middle" /></a></td>
</tr>
<tr>
<td colspan="3"><img src="http://x.myspacecdn.com/modules/common/static/img/clear.gif" width="1" height="2" border="0" /></td>
</tr>
<tr>
<td width="130" nowrap height="5" bgcolor="#ffffff" align="center" class="text" valign="top">
<a href="java script: MySpace.invokeWebIMWrapper();" id="ctl00_cpMain_ctl01_UserContactLinks1_MessageFriendLink">
<img src="http://x.myspacecdn.com/images/profile/imskype_1.gif" id="ctl00_cpMain_ctl01_UserContactLinks1_messageFriendLinkImg" border="0" align="middle" />
</a>
</td>
<td width="15" height="5" bgcolor="#ffffff"><img src="http://x.myspacecdn.com/modules/common/static/img/clear.gif" width="15" height="8" border="0" /></td>
<td width="150" nowrap height="5" bgcolor="#ffffff" align="center" class="text" valign="top"><a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockuser&userID=13913225" id="ctl00_cpMain_ctl01_UserContactLinks1_BlockFriendLink" onclick="return confirm('Are you sure you want to block this user?\n- to block this user, hit OK\n- otherwise, hit Cancel');"><img src="http://x.myspacecdn.com/images/profile/block_1.gif" border="0" align="middle" /></a></td>
</tr>
<tr>
<td colspan="3"><img src="http://x.myspacecdn.com/modules/common/static/img/clear.gif" width="1" height="2" border="0" /></td>
</tr>
<tr>
<td width="130" nowrap height="5" bgcolor="#ffffff" align="center" class="text" valign="top">
<a href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=13913225" id="ctl00_cpMain_ctl01_UserContactLinks1_AddToGroupLink"><img src="http://x.myspacecdn.com/images/profile/group_1.gif" border="0" align="middle" /></a>
</td>
<td width="15" bgcolor="#ffffff">
<img src="http://x.myspacecdn.com/modules/common/static/img/clear.gif" width="15" height="1" border="0" />
</td>
<td width="150" nowrap height="5" bgcolor="#ffffff" align="center" class="text" valign="top">
<a href="http://collect.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=13913225"><img src="http://x.myspacecdn.com/images/profile/rank_1.gif" border="0" align="middle"/></a>
</td>
</tr>
<tr>
<td><img src="http://x.myspacecdn.com/modules/common/static/img/clear.gif" width="1" height="5" border="0" /></td>
</tr>
</table>
</td>
</tr>
</table>
<br>



<table border="0" align="center" cellspacing="0" cellpadding="1" width="300">
<tr>
<td height="10" valign="top"><img src="http://x.myspacecdn.com/modules/profiles/static/img/1by1.gif" width="1" height="10" /></td>
</tr>
<tr valign="top">
<td bgcolor="6699CC" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="FFFFFF">
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="70%"><div align="left"><strong> MySpace URL: </strong></div></td>
<td width="30%"></td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="FFFFFF">
<td><div align="left">  <span><a href="http://www.myspace.com/barlowgirl">www.myspace.com/barlowgirl</a></span>  </div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="10" valign="top"><img src="http://x.myspacecdn.com/modules/profiles/static/img/1by1.gif" width="1" height="10" /></td>
</tr>
</table>

<br />


<table bordercolor="#6699cc" cellspacing="0" cellpadding="0" width="300" bgcolor="#6699cc" border="1">
<tr>
<td class="text" valign="middle" align="left" width="300" bgcolor="#6699cc" height="10" wrap="" style="WORD-WRAP:break-word">   <span class="whitetext12">BarlowGirl: General Info</span>
</td>
</tr>
<tr valign="top">
<td>
<table bordercolor="#000000" cellspacing="3" cellpadding="3" width="300" align="center" bgcolor="#ffffff" border="0">
<tr id="Member SinceRow"><td valign="top" align="left" width="100" bgcolor="#b1d0f0" NOWRAP><span class="lightbluetext8">Member Since</span></td><td id="ProfileMember Since" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">4/20/2005</td></tr><tr id="Band WebsiteRow"><td valign="top" align="left" width="100" bgcolor="#b1d0f0" NOWRAP><span class="lightbluetext8">Band Website</span></td><td id="ProfileBand Website" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word"><a href="http://www.barlowgirl.com">www.barlowgirl.com</a></td></tr><tr id="Band MembersRow"><td valign="top" align="left" width="100" bgcolor="#b1d0f0" NOWRAP><span class="lightbluetext8">Band Members</span></td><td id="ProfileBand Members" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word"><div class="header">

</div>

<div class="socialnetworking">
<ul>
<li><a class="facebook" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9iYXJsb3dnaXJs"></a></li>
<li><a class="twitter2" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR3aXR0ZXIuY29tL2Jhcmxvd2dpcmw="></a></li>
<li><a class="youtube" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL2Jhcmxvd2dpcmxtdXNpYw=="></a></li>
<li><a class="itunes" href="http://www.msplinks.com/MDFodHRwOi8vaXR1bmVzLmFwcGxlLmNvbS9XZWJPYmplY3RzL01aU3RvcmUud29hL3dhL3ZpZXdBbGJ1
T9pZD0zMjg4ODU2Mjgmcz0xNDM0NDE="></a></li>
</ul>
</div>

<div class="menu">
<ul>
<li><a class="addtofriends" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xMzkxMzIyNQ=="></a></li>
<li><a class="sendmessage" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xMzkxMzIyNQ=="></a></li>
<li><a class="addtofavs" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MTM5MTMyMjUmcHVibGljPTA="></a></li>
<li><a class="forwardtofriend" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9y
2FyZFYyJmZyaWVuZElEPTEzOTEzMjI1JmY9Zm9yd2FyZHByb2ZpbGU="></a></li>
<li><a class="photos" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmJhcmxvd2dpcmwuY29tL21lZGlhL3BpY3R1cmVz"></a></li>
<li><a class="blog" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmJhcmxvd2dpcmwuY29tL2Jsb2c="></a></li>
<li><a class="website" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmJhcmxvd2dpcmwuY29t"></a></li>
<li><a class="store" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmJhcmxvd2dpcmwuY29tL3N0b3Jl"></a></li>
</ul>
</div>

<div class="newsletter">
<center><form method="post" action="http://www.msplinks.com/MDFodHRwOi8vc21zLndtZy5jb20vc21zL3JlZ2lzdGVy" name="subscribeform" target="_blank">


<span style="font-size:7pt; white-space:nowrap;">Email: </span>
<input type="text" name="email" value="" class="input125" />   

<span style="font-size:7pt; white-space:nowrap;">First Name: 
</span><input type="text" name="firstname" value="" class="input75" />   

<span style="font-size:7pt; white-space:nowrap;">Last Name: 
</span><input type="text" name="lastname" value="" class="input75" />   

<span style="font-size:7pt; white-space:nowrap;">Postal Code: 
</span><input type="text" name="postalcode" value="" class="input50" />   


<span style="font-size:7pt; white-space:nowrap;">Mobile Phone: 
</span><input type="text" name="mobile" value="" class="input50" />   


<input type="hidden" name="keywordId" value="20050" />
<input type="hidden" name="newsletterId" value="19428" />
<input type="hidden" name="successurl" value="http://www.barlowgirl.com/success.html" />
<input type="hidden" name="failurl" value="http://www.barlowgirl.com/error.html" />
<input type="hidden" name="ownerid" value="61" />
<input type="hidden" name="signuptype" value="any" />
<input name="siteName" type="hidden" value="http://www.barlowgirl.com" />


<input type="image" name="button" id="button" src="http://media.wordlabelgroup.com/bg/newmyspace/newsletter/submit75.png" value="Sign Up" />

</form></center>
</div>

<a href="http://www.msplinks.com/MDFodHRwOi8vaXR1bmVzLmFwcGxlLmNvbS9XZWJPYmplY3RzL01aU3RvcmUud29hL3dhL3ZpZXdBbGJ1
T9pZD0zMjg4ODU2Mjgmcz0xNDM0NDE=" class="album_link" target="_blank"></a>

<div class="music">
<div class="information"><div class="about"><div class="bio">
<span style="georgia">BIOGRAPHY<span><br />
ALL BIO TEXT HERE
</div></div></div>

</div>

<div class="twitter">
<img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyN
TI1NDgyMDMxODcmcHQ9MTI1MjU*ODIxNjQ3NiZwPTEyMDc*MSZkPXpRQk1CUnNwR*9rSVR4dk4mZ
z*xJm89NWI*Nzc3OGU4MjUwNGY1ZmI1NzJhMjQ5OGIwMmE5Nzkmb2Y9MA==.gif" /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="100" width="900" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://farm.sproutbuilder.com/load/zQBMBRspGOkITxvN.swf?v=1252548197" />
<param name="wmode" value="transparent" />
<param name="quality" value="best" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://farm.sproutbuilder.com/load/zQBMBRspGOkITxvN.swf?v=1252548197" height="100" width="900" align="middle" wmode="transparent" quality="best" />
</object>
</div>

<div class="videos">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="413" width="746">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://c.brightcove.com/services/viewer/federated_f9/38083307001?isVid=
1&isUI=1&publisherID=301939184" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="000000" />
<param name="flashvars" value="playerID=38083307001&&domain=embed&" />
<param name="base" value="http://admin.brightcove.com" />
<param name="seamlesstabbing" value="false" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://c.brightcove.com/services/viewer/federated_f9/38083307001?isVid=
1&isUI=1&publisherID=301939184" height="413" width="746" wmode="transparent" bgcolor="000000" flashvars="playerID=38083307001&&domain=embed&" base="http://admin.brightcove.com" seamlesstabbing="false" />
</object>
</div>

<div class="contactpromo">
<div class="contact">
<b>Booking:</b><br />
GOA, Inc.<br />
1710 Gen. George Patton Dr. 104<br />
Brentwood, TN 37027<br />
(615) 790-5540 Phone<br />
(615) 376-4515 Fax<br />
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmdvYS1pbmMuY29t" target="_blank">www.goa-inc.com</a>
<br /><br />
<b>Design:</b> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnphY2htY25haXIuY29t" target="_blank">Zach McNair</a><br />
<b>Development:</b> <a href="http://www.msplinks.com/MDFodHRwOi8vdGhld2Fyb2ZhcnQuY29t" target="_blank">The War of Art</a>
</div>
<div class="promo">
<a href="http://www.msplinks.com/MDFodHRwOi8vaXR1bmVzLmFwcGxlLmNvbS9XZWJPYmplY3RzL01aU3RvcmUud29hL3dhL3ZpZXdBbGJ1
T9pZD0zMjg4ODU2Mjgmcz0xNDM0NDE="><img src="http://media.wordlabelgroup.com/bg/newmyspace/barlowgirlitunes.jpg" /></a>
</div>
</div>

<div class="leftcolumn">


<div class="store_widget">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmJhcmxvd2dpcmwuY29tL3N0b3Jl" target="_blank"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="320" width="300">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://media.wordlabelgroup.com/bg/newmyspace/store_widget.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://media.wordlabelgroup.com/bg/newmyspace/store_widget.swf" height="320" width="300" wmode="transparent" quality="high" />
</object></a>
</div>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmJhcmxvd2dpcmwuY29tL3N0b3Jl" target="_blank" class="store_widget_link"></a>

</div>


</div></td></tr><tr id="InfluencesRow"><td valign="top" align="left" width="100" bgcolor="#b1d0f0" NOWRAP><span class="lightbluetext8">Influences</span></td><td id="ProfileInfluences" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word"><style>
table table div table { display:block; margin-top: 1155px; }

body {
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/bg.jpg) !important;
background-repeat: no-repeat;
background-position: top center;
background-color: 000000 !important;
color: FFFFFF;
}

table, td, tr, div, font, p, h1, h2, h3, h4, strong, span {
background: transparent;
border: 0;
color: FFFFFF !important;
font-family: Helvetica, Arial !important;
}

table div font { font-size: 12px; }

a {
color: 7E7E7E !important;
font-family: Helvetica, Arial !important;
font-weight: bold;
}

img { border: 0; }
.clear { clear: both; }
.contactTable { display: none; }
.nameText { display: none; }

NOTE { hides profile box }
body table table table table td.text { display: none; }
body table table table td.text strong { display: none; }

NOTE { shift content down - right column }
body table table { margin-top: 2280px; }
body div table table, body table table table, .friendsComments { margin-top: 0; }

NOTE { title for about section }
td.text td.text .orangetext15 { display: none; }

NOTE { tour dates }
table table div table
{
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/title-tour.png);
background-repeat: no-repeat;
padding-top: 40px;
margin-top: -13px;
position: relative;
left: 20px;
width: 475px !important;
line-height: 12px !important;
}

table table div table td
{
min-width: 75px;
}


table table td.text div table table {
position: relative !important;
top: 0 !important;
width: 100% !important;
}

table table td.text div table font {
color: 7E7E7E !important;
}

table tr td table tr td.text div table table {
margin-top: 0;
}

table tr td table tr td.text div table td.text {display: none;}
table tr td table tr td.text div table tr td {padding: 0; margin: 0; visibility: hidden;}
table tr td table tr td.text div table tr td table tr td{ border-bottom: 1px; border-color: EEEEEE; border-style: dotted; padding: 0px 0px 2px 0px; margin: 0px; visibility: visible; margin-left: -5px;}
table tr td table tr td.text div table tr td table tr td table tr td{border-bottom: 0;}


table table div table a
{
color: FFFFFF !important;
}

table table div table font
{
color: FFFFFF !important;
line-height:12px !important;
font-size: 10px !important;
}

table table div table table
{
background-image: none !important;
padding-top: 0;
position: relative;
left: 5px;
}

table table div table table table
{
background-image: none !important;
width: 200px;
}

table table div table table table td
{
width: 100px !important;
text-align: left;
}

table table div table span.whitelink
{
display: block;
width: 100%;
text-align: left;
}

.lightbluetext8, .whitetext12 { }

NOTE { spacing between tour dates in the tour table }
body table div font
{
display: block;
margin-bottom: 0px;
}

NOTE { custom CSS starts below }

.header
{
width: 830px;
height: 650px;
position: absolute;
top: 145px;
left: 50%;
margin-left: -415px;
}

.header object
{
position: relative;
top: 0;
left: 0;
margin: 0;
}

.socialnetworking
{
border: 0;
border-color: 7E7E7E;
width: 830px;
height: 45px;
position: absolute;
top: 705px;
left: 50%;
margin-left: -415px;
background-color: transparent;
}

.socialnetworking ul
{
list-style: none;
margin: 0;
padding: 0;
}

.socialnetworking ul li
{
float: left;
margin-left: 14px;
padding-top: 13px;
}

.socialnetworking ul li a
{
display: block;
height: 16px;
background-repeat: no-repeat;
}

.socialnetworking ul li a:hover { }


.socialnetworking ul li a.facebook
{
top: 0px;
width: 90px;
height: 45px;
position: absolute;
left: 515px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-addtofriends.jpg);
}

.socialnetworking ul li a.twitter2
{
top: 0px;
width: 90px;
height: 45px;
position: absolute;
left: 607px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-addtofriends.jpg);
}
.socialnetworking ul li a.youtube
{
top: 0px;
width: 70px;
height: 45px;
position: absolute;
left: 690px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-addtofriends.jpg);
}
.socialnetworking ul li a.itunes
{
top: 0px;
width: 85px;
height: 45px;
position: absolute;
left: 761px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-addtofriends.jpg);
}

.menu
{
border: 0;
border-color: 7E7E7E;
width: 830px;
height: 45px;
position: absolute;
top: 750px;
left: 50%;
margin-left: -415px;
background-color: transparent;
}

.menu ul
{
list-style: none;
margin: 0;
padding: 0;
}

.menu ul li
{
float: left;
margin-left: 14px;
padding-top: 13px;
}

.menu ul li a
{
display: block;
height: 16px;
background-repeat: no-repeat;
}

.menu ul li a:hover { }


.menu ul li a.order
{
top: 0px;
width: 830px;
height: 450px;
position: absolute;
left: 0px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-addtofriends.jpg);
}

.menu ul li a.addtofriends
{
top: 0px;
width: 61px;
height: 45px;
position: absolute;
left: 0px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-addtofriends.jpg);
}

.menu ul li a.sendmessage
{
top: 0px;
width: 115px;
height: 45px;
position: absolute;
left: 60px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-sendmessage.jpg);
}

.menu ul li a.addtofavs
{
top: 0px;
width: 118px;
height: 45px;
position: absolute;
left: 177px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-addtofavs.jpg);
}

.menu ul li a.forwardtofriend
{
top: 0px;
width: 110px;
height: 45px;
position: absolute;
left: 295px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-itunes.jpg);
}

.menu ul li a.photos
{
top: 0px;
width: 102px;
height: 45px;
position: absolute;
left: 415px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-photos.jpg);
}

.menu ul li a.blog
{
top: 0px;
width: 80px;
height: 45px;
position: absolute;
left: 512px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-blog.jpg);
}

.menu ul li a.youtube
{
top: 0px;
width: 70px;
height: 45px;
position: absolute;
left: 495px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-youtube.jpg);
}

.menu ul li a.website
{
top: 0px;
width: 175px;
height: 45px;
position: absolute;
left: 591px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-website.jpg);
}

.menu ul li a.store
{
top: 0px;
width: 65px;
height: 45px;
position: absolute;
left: 765px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-store.jpg);
}

.menu ul li a.messageboard
{
top: 0px;
width: 110px;
height: 45px;
position: absolute;
left: 714px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/menu-messageboard.jpg);
}

.music
{
width: 900px;
height: 420px;
position: absolute;
top: 993px;
left: 50%;
margin-left: -450px;
background-repeat: no-repeat;
}

object
{
position: absolute;
top: 1021px;
left: 50%;
margin-left: -35px
}

form {background-color: transparent;}

input.attributeinput
{
padding: 3px;
background-color: 000000 !important;
border:0px solid 000000 !important;
color: FFFFFF !important;
font-family:Helvetica, Arial, sans-serif !important;
font-size:11px !important;
}

select.attributeinput
{
padding: 3px;
background-color:000000 !important;
border:0px solid 000000 !important;
color: FFFFFF !important;
font-family:Helvetica, Arial, sans-serif !important;
font-size:11px !important;
}

input.input50
{
border: 0;
background: url(http://media.wordlabelgroup.com/bg/newmyspace/newsletter/formbg_50.png) top left no-repeat;
width: 50px;
height: 18px;
padding: 3px 5px;
color: FFFFFF !important;
font-family: Helvetica, Arial, sans-serif !important;
font-size: 11px !important;
}

input.input75
{
border: 0;
background: url(http://media.wordlabelgroup.com/bg/newmyspace/newsletter/formbg_75.png) top left no-repeat;
width: 75px;
height: 18px;
padding: 3px 5px;
color: FFFFFF !important;
font-family: Helvetica, Arial, sans-serif !important;
font-size: 11px !important;
}

input.input100
{
border: 0;
background: url(http://media.wordlabelgroup.com/bg/newmyspace/newsletter/formbg_100.png) top left no-repeat;
width: 100px;
height: 18px;
padding: 3px 5px;
color: FFFFFF !important;
font-family: Helvetica, Arial, sans-serif !important;
font-size: 11px !important;
}

input.input125
{
border: 0;
background: url(http://media.wordlabelgroup.com/bg/newmyspace/newsletter/formbg_125.png) top left no-repeat;
width: 125px;
height: 18px;
padding: 3px 5px;
color: FFFFFF !important;
font-family: Helvetica, Arial, sans-serif !important;
font-size: 11px !important;
}

input.submit75
{
border: 0;
background: url(http://media.wordlabelgroup.com/bg/newmyspace/newsletter/formsubmit_75.png) top left no-repeat;
width: 75px;
height: 18px;
padding: 3px 5px;
color: FFFFFF !important;
font-family: Helvetica, Arial, sans-serif !important;
font-size: 11px !important;
}

.newsletter
{
width: 800px;
height: 50px;
position: absolute;
top: 805px;
margin-left: -400px;
left: 50%;
overflow-x: hidden;
overflow-y: hidden;
text-align: right;
display: inline;
..;
}

.newsletter table
{
background: url();
background-color: transparent;
margin: 0px;
padding: 0px;
top: 0;
left: 0;
}

.album_link
{
width: 900px;
height: 100px;
position: absolute;
top: 865px;
left: 50%;
margin-left: -450px;
}

.information
{
position: absolute;
top: 16px;
left: 20px;
}

.information .about
{
text-align: center;
width: 355px;
padding-top: 40px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/title-info.png);
background-repeat: no-repeat;
}

.information .about .bio
{
text-align: left;
width: 350px;
height: 300px;
overflow-y: scroll;
margin-top: 26px;
padding-right: 5px;
}

.videos
{
position: absolute;
top: 1573px;
left: 50%;
margin-left: -415px;
width: 830px;
height: 495px;
padding: 0;
background-color: transparent;
background-image: url();
background-repeat: no-repeat;
}

.videos object
{
position: absolute;
left: 78px;
top: 0px;
}

.twitter
{
width: 900px;
height: 100px;
position: absolute;
top: 1425px;
left: 50%;
margin-left: -450px;
}

.twitter object
{
position: absolute;
left: 0px;
top: 0px;
margin: 0;
padding: 0;
}

.contactpromo
{
width: 900px;
height: 100px;
position: absolute;
top: 2150px;
left: 50%;
margin-left: -450px;
}

.contactpromo object
{
position: absolute;
left: 0px;
top: 0px;
margin: 0;
padding: 0;
}

.contactpromo .contact
{
position: absolute;
left: 58px;
top: 0px;
margin: 0;
padding: 0;
}

.contactpromo .promo
{
position: absolute;
left: 520px;
top: 10px;
margin: 0;
padding: 0;
}


.photos h1
{
text-indent: -9999px;
width: 830px;
height: 77px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/title-photos.png);
background-repeat: no-repeat;
padding: 0;
margin: 0;
}

.photos img
{
float: left;
margin: 15px;
}

.tour
{
position: absolute;
top: 1338px;
left: 50%;
margin-left: -415px;
width: 830px;
height: 375px;
background-color: cecece;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/bg-topshadow.png);
background-repeat: no-repeat;
}

.tour img
{
float: left;
margin: 15px 0 0 15px;
}

.tour .rightcolumn
{
float: right;
margin-right: 10px;
}

.tour .rightcolumn h1
{
text-indent: -9999px;
width: 162px;
height: 31px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/title-tour.png);
background-repeat: no-repeat;
padding: 0;
margin: 10px 0 10px 0;
}

.tour object
{
position: relative;
top: 15;
left: 0;
margin-left: 0;
}

.leftcolumn
{
position: absolute;
top: 2710px;
left: 50%;
margin-left: -430px;
width: 300px;
text-align: center;
min-height:400px;
}

.leftcolumn object
{
position: relative;
top: 0;
left: 0;
margin-left: 0;
}

.latestBlogEntry
{
position: absolute;
top: 2470px;
left: 50%;
margin-left: -430px;
width: 365px;
background: url(http://media.wordlabelgroup.com/bg/newmyspace/title-blog.png) no-repeat;
background-color: 171717;
margin-top: 40px !important;
border-collapse: collapse !important;
border-spacing: 0px !important;
color: 7E7E7E !important;
table-layout: fixed !important;
height: 200px !important;
}


latestBlogEntry tbody tr{
display: inline;
margin: 0 !important;
padding: 0 !important;
}

.latestBlogEntry tr td
{
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 364px !important;
clear: both !important;
font-size: 1px !important;
color: 000000;
line-height: 0px;
vertical-align: middle;
text-indent: -9999px;
overflow: hidden;
border-bottom: 1px dotted;
border-color: cccccc;

}

.latestBlogEntry tbody tr td a{
float: right;
line-height: 25px !important;
color: 7E7E7E !important;
padding: 0px !important;
margin: 0px !important;
padding-right: 5px !important;
position: relative;
z-index: 6 !important;
font-weight: bold;
font-size: 10px !important;
display: block;
height: 25px;
text-transform: capitalize;
text-indent: 0px;
}

.latestBlogEntry tbody tr td span.text{
line-height: 25px !important;
position: absolute;
display: block;
border-bottom: 1px dotted;
border-color: cccccc;
color: 7E7E7E;
padding: 0px !important;
margin: 0px !important;
z-index: 5;
font-weight: normal;
font-size: 10px !important;
height: 25px;
text-indent: 0px;
white-space: nowrap !important;
width: 300px !important;
overflow: hidden !important;
}


.latestBlogEntry .btext{
display: block;
float: left;
width: 50px !important;
height: 43px;
font-size: 1px;
overflow: hidden;
color: 7E7E7E !important;
line-height: 300px;
text-indent: -9999px;
}


.leftcolumn .store_widget
{
text-align: center;
width: 305px;
padding: 70px 30px 30px 30px;
background-image: url(http://media.wordlabelgroup.com/bg/newmyspace/title-store.png);
background-repeat: no-repeat;
background-color: 171717;
}

.leftcolumn .store_widget_link
{
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 305px;
height: 320px;
padding: 70px 30px 30px 30px;
}

.about img
{
width: 434px;
}

.about textarea
{
width: 100%;
height: 60px;
}

.credit {
position:absolute;
right:0px;
top:0px;
margin:0px;
padding:0px
}

.friendSpace
{
position: relative;
left: 20px !important;
width: 475px !important;
top: -65px !important;
}

.friendSpace .orangetext15
{
display: block !important;
text-indent: -9999px;
background: url(http://media.wordlabelgroup.com/bg/newmyspace/title-friends.png) no-repeat;
height: 40px;
width: 475px;
}

.friendSpace .btext
{
display: block;
width: 100%;
font-weight: normal;
font-size: 11px;
text-transform: uppercase;
}

.friendSpace .redbtext
{
color: FFFFFF !important;
font-size: 15px;
}

.friendsComments b
{
display: block;
width: 100%;
font-weight: normal;
font-size: 11px;
margin-bottom: 10px;
text-transform: uppercase;
}

.friendsComments .redtext
{
color: FFFFFF !important;
font-size: 15px;
}

NOTE { comments title }

.friendsComments .orangetext15
{
display: block !important;
text-indent: -9999px;
background: url(http://media.wordlabelgroup.com/bg/newmyspace/title-comments.png) no-repeat;
height: 40px !important;
width: 850px;
}

.friendsComments td.text td
{
font-size: 13px;
}

.friendsComments td.text table
{

padding: 0 !important;
margin: 0 !important;
width: 794px;
}

.friendsComments td.text td.columnsWidening
{
width: 500px !important;
padding: 15px;
background-image: url();
background-repeat: no-repeat;
}

.friendsComments
{
position: relative;
left: 0px;
margin-top: 30px;
margin-bottom: 30px;
padding: 15px;
width: 900px;
background-image: url();
background-repeat: no-repeat;
}

.friendsComments object
{
position: relative;
top: 0;
left: 0;
margin: 0;
}

.friendsComments .blacktext10
{
color: FFFFFF !important;
font-weight: normal;
}

.friendsComments td.text table table
{

background-image: url();
background-repeat: no-repeat;
}

.georgia
{
font-family: Georgia, Times !important;
font-size: 10px !important;
}

</style></td></tr><tr id="Sounds LikeRow"><td valign="top" align="left" width="100" bgcolor="#b1d0f0" NOWRAP><span class="lightbluetext8">Sounds Like</span></td><td id="ProfileSounds Like" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word"><img src="http://yuzio.com/YZ142/track.gif" width="1" height="1" /></td></tr><tr id="Record LabelRow"><td valign="top" align="left" width="100" bgcolor="#b1d0f0" NOWRAP><span class="lightbluetext8">Record Label</span></td><td id="ProfileRecord Label" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">Word/Fervent Records</td></tr><tr id="Type of LabelRow"><td valign="top" align="left" width="100" bgcolor="#b1d0f0" NOWRAP><span class="lightbluetext8">Type of Label</span></td><td id="ProfileType of Label" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">Major</td></tr>

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


</td>
<td valign="top" align="center" width="15" bgcolor="#ffffff">
<img id="ctl00_cpMain_ctl01_Img2" height="1" width="20" border="0" /></td>
<td class="text" valign="top" align="center" width="435" bgcolor="#ffffff">
<br>
<!-- NETWORK INFORMATION : BEGIN -->












<br />






<table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0">
<tr>
<td class="text" valign="center" align="left" width="300" bgcolor="ffcc99" height="17" wrap="" style="word-wrap:break-word">   <span class="orangetext15">About BarlowGirl</span></td>
</tr>
<tr>
<td>
<table bordercolor="000000" cellspacing="3" cellpadding="3" width="435" align="center" bgcolor="ffffff" border="0">
<tr>
<td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word">

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








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



Any help? If possible, can you correct it, and put in the right code for me? Thanks!!
Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike
 
fixtatik
post Oct 24 2009, 05:21 AM
Post #5


Senior Member
******

Group: Member
Posts: 1,237
Joined: May 2008
Member No: 648,123



Out of curiosity, did you just go into their source code and swipe it? That's not exactly rebuilding a layout; rather it's outright copying it. Right now you have a lot of Myspace's code mixed in with the actual layout, so when you put that on your page, you're getting a bunch of extra tables that don't belong there.
 
oblivionguitaris...
post Oct 24 2009, 02:00 PM
Post #6


Senior Member
***

Group: Member
Posts: 38
Joined: Mar 2008
Member No: 634,385



got it. Thanks.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: