 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
gproctor
Joined: 02 Sep 2009
Posts: 3
|
 Posted: Wed Sep 02, 2009 7:51 pm broken image boxes in firefox |
 |
|
|
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: 4288
Location: MS
|
| Posted: Sat Sep 26, 2009 2:27 am |
|
|
|
Links for those:
Top One
Middle One
Bottom One
Find those links in the HTML and removed them or fix them. |
|
|
|
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 Forum
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
