Band Profile Firefox Issues Options

[tnaaron]

I've been working on my band's new page, and I've hit a wall. I've created a div table in the banner and it displays fine in safari, but in firefox it displays a white image with a red dot after each image within the div table. The attached image shows the display error.

Here's a dummy profile I've set up to work on this code:

http://www.myspace.com/aarondavidhoskins


Here's the code:

CODE

<div class="xiiiTopBanner" style="position:absolute; top:0px; left:50%; margin-top:0px; margin-left:-410px; z-index:9 !important">

<table border="0" cellpadding="0" cellspacing="0">



<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="385" width="400">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/hLvWiVQyPZs&hl=en&fs=1&rel=0" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/hLvWiVQyPZs&hl=en&fs=1&rel=0" height="385" width="400" wmode="transparent" />
</object>



<img src="http://i127.photobucket.com/albums/p149/dirtyguvnahs/DirtyGuvnahsLogo_inv.jpg" width="400" height="330" /><img />
</td>


</div>



<div class="links" style="position:absolute; top:0px; left:50%; margin-top:385px; margin-left:-310px; z-index:9 !important">


<a class="itunes" href="http://www.msplinks.com/MDFodHRwOi8vaXR1bmVzLmFwcGxlLmNvbS9XZWJPYmplY3RzL01aU3RvcmUud29hL3dhL3ZpZXdBbGJ1
T9pZD0zMTM1NDYxOTYmcz0xNDM0NDE="><img src="http://i127.photobucket.com/albums/p149/dirtyguvnahs/itunes_logo.jpg" width="100" height="45" style="border-color: white" /> <img /> </a>


<a class="bonnaroo" href="http://www.msplinks.com/MDFodHRwOi8vYm9ubmFyb28uY29tL2FydGlzdHMvZGlydHktZ3V2bmFocy5hc3B4"><img src="http://i127.photobucket.com/albums/p149/dirtyguvnahs/bonnaroo.jpg" width="100" height="45" style="border-color: white" /> <img /> </a>


<a class="facebook" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9ob21lLnBocC9wYWdlcy9UaGUtRGlydHktR3V2bmFocy8y
zI3MjIwMjMwMg=="><img src="http://i127.photobucket.com/albums/p149/dirtyguvnahs/facebook-logoinv.jpg" width="100" height="45" style="border-color: white" /><img /></a>

<a class="youtube" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3RoZWRpcnR5Z3V2bmFocw=="><img src="http://i127.photobucket.com/albums/p149/dirtyguvnahs/youtube-logoinv.jpg" width="100" height="45" style="border-color: white" /><img /></a>

<a class="twitter" href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vZGlydHlfZ3V2bmFocw=="><img src="http://i127.photobucket.com/albums/p149/dirtyguvnahs/twitter-logoinv.jpg" width="100" height="45" style="border-color: white" /> <img /> </a>


<a class="download" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNvbmljYmlkcy5jb20vdGhlZGlydHlndXZuYWhz"><img src="http://i127.photobucket.com/albums/p149/dirtyguvnahs/SonicbidsLogoinv.jpg" width="100" height="45" style="border-color: white" /> <img /> </a>

</div>


<style>
.i {display:none;}
{!-Create space for image above body-!}
body.bodyContent, body, i i i.x {margin-top:485px;}
{!-The below value needs to be 160 + the height of your top banner -!
div.profileWidth table div ul, div.clearfix i i.i {top:645px !important;}
</style>

Any input will be appreciated

Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike

Attached File(s)

 Picture_3.jpg ( 86.26K ) Number of downloads: 3

 

[Mickey]

It's because you close <img> tags with a duplicate <img> tag like this:

CODE

<img src="URL"> <img/>

The closing tag acts as another image but with no URL. That's why it's showing up with a red dot. They're supposed to look like this:

CODE

<img src="URL" />

The slash closes the <img> tag. Therefore, you don't need a closing one after it. Just remove the <img/>'s and they should go away.

[tnaaron]

That took care of it. Thank you, this site extremely helpful