HTML Help

gproctor · Joined: 02 Sep 2009 Posts: 3

hey all you smart dudes.

i made this myspace for my band and it looks exactly how i want it to in ie and safari. in firefox, the only thing wrong with it is that it displays the "members since" section, and it has these little white square boxes that look like broken image links around my youtube, twitter, fbook buttons.

like i said, these problems aren't in safari or ie, but are in firefox.

any ideas?

the myspace is myspace.com/vinylthief

this code is in the headline section
Code: </td></tr></table><table class="T"><tr><td>

and then this is the big code in the bio section
Code: <style>
.Main {
width: 840px;
height: auto;
position: absolute;
top: 0px;
margin-left: -400px;
margin-top: 0px;
align: center;
overflow: visible;
z-index: 1;
left: 50%;
body td table, body div table { margin-top: 0; }

}
</style>

<style>
{! ditch the URL and the space it occupied !}
table table table.userProfileURL {display:none;}
{!-eliminate whitespace caused by carriage returns and clear Gifs -!}
table.profileinfo {margin-bottom:-20px;}
</style>

<style>
.friendsComments {margin-top:100px;}
</style>

<style>
tr[id="Record LabelRow"] {display:none;}
tr[id="Type of LabelRow"] {display:none;}
</style>

<style>

table table table table td.text a img {width:200px; height:auto}
{! recover contact table link images !}
table table table.contactTable table td.text a img {width:auto; height:auto}
{! recover right side images !}
table table td.text table table td.text a img {width:auto; height:auto}
</style>

<style>

table table table table td.text a img {position:absolute; top:400px; left:50%; margin-left:-370px;}
{! recover contact table link images !}
table table table.contactTable table td.text a img {position:static; margin-left:0px}
{! recover right side images !}
table table td.text table table td.text a img {position:static; margin-left:0px}
</style>

<style>
table table table td.text span.nameText {
height:60px !important; width:230px;
display:none;
background-repeat:no-repeat;
background-position:center top;
background-image:url(http://i28.tinypic.com/33wo7q1.jpg);
font-size:0px !important;
text-indent:-1313px;}
div.clearfix i i, .i {display:none;}
</style>

<span class="off">!-Below style block works with additional code added to headline-!</span>
<style>
{!-text next to and under profile image-!}
table.T {display:none;}
{!-hide quote-!}
table table table table td.text font strong {display:none;}
</style>

<style>div.navigation a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);
width: 0px;
height: 0px;
z-index:1;
}

.navigation { position: absolute; top:330px; left: 50%; height: 35px; width: 800px; overflow: visible; backgroud-color:000000; background-image: url(http://i26.tinypic.com/k15mz7.jpg); margin-left: -400px; overflow: visible; text-align: left; z-index:1;}

.Side {
width: 330px;
height: 0px;
position: absolute;
top: 700px;
margin-left: -390px;
margin-top: 0px;
align: center;
overflow: visible;
z-index: 1;
left: 50%;

}

.R{shows table}
table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
margin-bottom: 0px;
left: 0px;
visibility: visible;
display: block;
width: 120px;
height: 60px;
text-indent:-999999px;
background: url(http://i26.tinypic.com/1038xv7.jpg);
no-repeat;
}

.R{blog table}
table.latestBlogEntry td span.btext {
position: relative;
top: 0px;
margin-bottom: 0px;
left: 0px;
visibility: visible;
display: block;
width: 120px;
height: 60px;
text-indent:-999999px;
background: url(http://i25.tinypic.com/iwprwl.jpg)
no-repeat;
}

.R{about table}
table td.text span.orangetext15 {

position: relative;
top: 0px;
margin-bottom: 0px;
left: 0px;
visibility: visible;
display: block;
width: 120px;
height: 60px;
text-indent:-999999px;
no-repeat;
background-image:url(http://i26.tinypic.com/2dluclv.jpg)
}

.R{friends table}
table.friendspace td.text table td span.orangetext15 {

position: relative;
top: 0px;
margin-bottom: 0px;
left: 0px;
visibility: visible;
display: block;
width: 120px;
height: 60px;
text-indent:-999999px;
background-image:url(http://i32.tinypic.com/25i68fk.jpg);
no-repeat;

}

.R{comments table}
table.friendsComments td.text table td span.orangetext15 {

position: relative;
top: 0px;
margin-bottom: 0px;
left: 0px;
visibility: visible;
display: block;
width: 160px;
height: 60px;
text-indent:-999999px;
no-repeat;
background-image:url("http://i29.tinypic.com/10gmicz.jpg")
}

</style>

<style>
table, tr, td{
background-color:transparent;
border-style:none;
}

body, body.bodycontent{
background-image:url(http://i32.tinypic.com/ff0oz5.jpg);
background-position:top 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(51,51,51);
font-size:8pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
}

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(0,0,0);
font-size:8pt;
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
}

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(153,153,153);
font-size:8pt;
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
}

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> <style>
.contactTable {display:none;}
</style>
<style>
body table {margin-top:15px;} body td table, body div table {margin-top:0;}
</style>

<div class="navigation">
<table id="Table_01" width="800" border="0" cellpadding="0" cellspacing="0">
<tr>
   <td>
      <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZVYyJmZyaWVuZElEPTY1Mjk1OTU4"><img src="http://i30.tinypic.com/o5zwjl.jpg" width="123" height="30" alt="" /></a></td>
   <td>
      <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD02NTI5NTk1OA=="><img src="http://i31.tinypic.com/1570lr9.jpg" width="205" height="30" alt="" /></a></td>
   <td>
      <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTY1Mjk1OTU4Jk15VG9rZW49Zjk5ZTAzMDktNmE5My00MTNkLWFjMTYtYWQ3MGNkMTMxZDFj"><img src="http://i31.tinypic.com/25rh2k5.jpg" width="133" height="30" alt="" /></a></td>
   <td>
      <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=65295958"><img src="http://i30.tinypic.com/332w03t.jpg" width="191" height="30" alt="" /></a></td>
   <td>
      <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VzZXIvdmlueWx0aGllZm11c2lj"><img src="http://i26.tinypic.com/sxeys0.jpg" width="148" height="30" alt="" /></a></td>
</tr>
</table>
</div>

<div style="position:absolute; top:630px; margin-left:-330px;"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS92aW55bHRoaWVm"><img src="http://i30.tinypic.com/r2uo03.jpg" /><img /></a> </div>

<div style="position:absolute; top:670px; margin-left:-330px;"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VzZXIvdmlueWx0aGllZm11c2lj"><img src="http://i31.tinypic.com/2eg4gg1.jpg" /><img /></a></div>

<div style="position:absolute; top:630px; margin-left:-195px;"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR3aXR0ZXIuY29tL3ZpbnlsdGhpZWY="><img src="http://i29.tinypic.com/24w8vfo.jpg" /><img /></a></div>

<div style="position:absolute; top:670px; margin-left:-195px;"><a href="http://www.msplinks.com/MDFodHRwOi8vdmlueWx0aGllZi5iYW5kY2FtcC5jb20="><img src="http://i32.tinypic.com/a5e07k.jpg" /><img /></a></div>

<div class="Side"><a href="http://www.msplinks.com/MDFodHRwOi8vdmlueWx0aGllZi5iYW5kY2FtcC5jb20=">
<img src="http://i28.tinypic.com/166ys1c.jpg" /></a>
</div>

<div style="position:absolute; top:1111px; margin-left:-335px;">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="300" width="250" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="bgcolor" value="000000" />
<param name="flashvars" value="userID=45092085&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="300" width="250" align="middle" wmode="transparent" quality="high" bgcolor="000000" flashvars="userID=45092085&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />
</object>

</div>

<div style="position:absolute; left:50%; top:400px; margin-left:-385px;">

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=65295958"><img src="http://i25.tinypic.com/2a5yp76.jpg" /><img /></a>

</div>

<style>
{!- make room at bottom of div.profileWidth -!}
div.profileWidth table {margin-bottom:150px !important;}
div.profileWidth table {_margin-right:5.5px; _margin-left:5.5px;}
div.profileWidth:first-child {padding-right:5.5px !important; padding-left:5.5px !important;}
{! apply banner as bkgd image !}
div.profileWidth{background-image:url(http://i27.tinypic.com/2zrlrb6.jpg)!important; background-position:center bottom !important; background-repeat:no-repeat !important;}
{!- reverse -!}
table.rail, .i, .i i.x {display:none;}
</style>

i know my html is sloppy. i'm very new to it.

any help would be appreciated.

gproctor

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

Links for those:

Top One

Middle One

Bottom One

Find those links in the HTML and removed them or fix them.