HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
broken image boxes in firefox
Post new topic   Reply to topic    HTML Help Forum Index -> MySpace
View previous topic :: View next topic  
Author Message
gproctor



Joined: 02 Sep 2009
Posts: 3
PostPosted: Wed Sep 02, 2009 7:51 pm     broken image boxes in firefox Reply with quote
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
PostPosted: Sat Sep 26, 2009 2:27 am     Reply with quote
Links for those:

Top One

Middle One

Bottom One

Find those links in the HTML and removed them or fix them.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> MySpace All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 
 
DARFUR
Get a Stop the Genocide poster at SaveDarfur.org.
Also see Eyes on Darfur.
HOSTING / DESIGN
$1.99 Domain Registration
Cheap Web Hosting
Website Templates
MAKE MONEY
Sell Domain Names
Sell Website Templates

Home   |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial