Code does not work
I inserted the following in my website but the graphic does not show in Firefox 31.0. It shows in all other browsers. What is the problem?
<!-- begin super lawyers badge -->
<div id="super_lawyers_badge" style="margin:0; padding:0; line-height:1; font-size:1em; font:100 0.8em/1em 'Arial',sans-serif; position:relative; outline:none; border:none;">
<div id="large_super_lawyers_badge" style="height:150px; width:180px; background-image:url('http://i.superlawyers.com/shared/badge/lawyer/basic/large_blue.png'); text-align:center; outline:none; border:none; line-height:1; font-size:100%">
<table width="180px" border="0" cellpadding="0" cellspacing="0" frame="void" rules="none" summary="" dir="ltr" style="margin: 0; padding:0; outline:none; border: none;">
<tr align="center" char="" charoff="" valign="bottom" style="height:75px; vertical-align:bottom; margin: 0; padding:0; outline:none; border: none;"><td align="center" colspan="1" rowspan="1" valign="bottom" style="margin: 0; padding:0; outline:none; border: none;"><a href="http://www.superlawyers.com/redir?r=http://www.superlawyers.com/new-york-upstate/lawyer/Brian-Shiffrin/825ef828-f578-45b9-ad57-334c2b85e45f.html&c=basic_largeblue_badge&i=825ef828-f578-45b9-ad57-334c2b85e45f" rel="nofollow" style="height:75px; width:150px; display:block; text-decoration:none; margin:0; padding:0; text-align:center; outline:none; border:none;"> </a></td></tr>
<tr align="center" char="" charoff="" valign="middle" style="margin: 0; padding:0; line-height: 1; font-size: 100%; outline:none; border: none;"><td style="height:0px; vertical-align:middle; margin: 0; padding:0 10px; line-height: 1; font-size: 100%; outline:none; border:none;" valign="middle" align="center" colspan="1" rowspan="1"><a href="http://www.superlawyers.com/redir?r=http://www.superlawyers.com/new-york-upstate/lawyer/Brian-Shiffrin/825ef828-f578-45b9-ad57-334c2b85e45f.html&c=basic_largeblue_badge&i=825ef828-f578-45b9-ad57-334c2b85e45f" alt="View the profile of Upstate New York Criminal Defense Attorney Brian Shiffrin" title="View the profile of Upstate New York Criminal Defense Attorney Brian Shiffrin" style=" height:40px; width:150px; display:block; text-decoration:none; margin:0; padding:0; line-height:1; text-align:center; font-family:arial,sans-serif; color:rgb(255,255,255); font-size:16px; font-weight:bold; outline:none; border:none;">Brian Shiffrin</a></td></tr>
<tr align="center" char="" charoff="" valign="bottom" style="margin: 0; padding:0; line-height: 1; font-size: 100%; outline:none; border: none;"><td style="height:26px; vertical-align:bottom; margin: 0; padding:0; line-height: 1; font-size: 100%; outline:none; border: none;" valign="bottom" align="center" colspan="1" rowspan="1"><a href="http://www.superlawyers.com/redir?r=http://www.superlawyers.com&c=basic_large_blue_badge&i=home_page" alt="Visit the official website of Super Lawyers" title="Visit the official website of Super Lawyers" style="height:20px; width:150px; display:block; text-decoration:none; margin:0; padding:0; line-height:1; font-size:100%; outline:none; border:none;"> </a></td></tr>
</table></div></div><div style="display:none;"><img src="http://www.superlawyers.com/services/badge/beacon/825ef828-f578-45b9-ad57-334c2b85e45f/l/9.gif" width="1" height="1" border="0" /></div>
<!-- end super lawyers badge -->;){kind=link}
I inserted the following in my website but the graphic does not show in Firefox 31.0. It shows in all other browsers. What is the problem?
<pre><nowiki><!-- begin super lawyers badge -->
<div id="super_lawyers_badge" style="margin:0; padding:0; line-height:1; font-size:1em; font:100 0.8em/1em 'Arial',sans-serif; position:relative; outline:none; border:none;">
<div id="large_super_lawyers_badge" style="height:150px; width:180px; background-image:url('http://i.superlawyers.com/shared/badge/lawyer/basic/large_blue.png'); text-align:center; outline:none; border:none; line-height:1; font-size:100%">
<table width="180px" border="0" cellpadding="0" cellspacing="0" frame="void" rules="none" summary="" dir="ltr" style="margin: 0; padding:0; outline:none; border: none;">
<tr align="center" char="" charoff="" valign="bottom" style="height:75px; vertical-align:bottom; margin: 0; padding:0; outline:none; border: none;"><td align="center" colspan="1" rowspan="1" valign="bottom" style="margin: 0; padding:0; outline:none; border: none;"><a href="http://www.superlawyers.com/redir?r=http://www.superlawyers.com/new-york-upstate/lawyer/Brian-Shiffrin/825ef828-f578-45b9-ad57-334c2b85e45f.html&c=basic_largeblue_badge&i=825ef828-f578-45b9-ad57-334c2b85e45f" rel="nofollow" style="height:75px; width:150px; display:block; text-decoration:none; margin:0; padding:0; text-align:center; outline:none; border:none;"> </a></td></tr>
<tr align="center" char="" charoff="" valign="middle" style="margin: 0; padding:0; line-height: 1; font-size: 100%; outline:none; border: none;"><td style="height:0px; vertical-align:middle; margin: 0; padding:0 10px; line-height: 1; font-size: 100%; outline:none; border:none;" valign="middle" align="center" colspan="1" rowspan="1"><a href="http://www.superlawyers.com/redir?r=http://www.superlawyers.com/new-york-upstate/lawyer/Brian-Shiffrin/825ef828-f578-45b9-ad57-334c2b85e45f.html&c=basic_largeblue_badge&i=825ef828-f578-45b9-ad57-334c2b85e45f" alt="View the profile of Upstate New York Criminal Defense Attorney Brian Shiffrin" title="View the profile of Upstate New York Criminal Defense Attorney Brian Shiffrin" style=" height:40px; width:150px; display:block; text-decoration:none; margin:0; padding:0; line-height:1; text-align:center; font-family:arial,sans-serif; color:rgb(255,255,255); font-size:16px; font-weight:bold; outline:none; border:none;">Brian Shiffrin</a></td></tr>
<tr align="center" char="" charoff="" valign="bottom" style="margin: 0; padding:0; line-height: 1; font-size: 100%; outline:none; border: none;"><td style="height:26px; vertical-align:bottom; margin: 0; padding:0; line-height: 1; font-size: 100%; outline:none; border: none;" valign="bottom" align="center" colspan="1" rowspan="1"><a href="http://www.superlawyers.com/redir?r=http://www.superlawyers.com&c=basic_large_blue_badge&i=home_page" alt="Visit the official website of Super Lawyers" title="Visit the official website of Super Lawyers" style="height:20px; width:150px; display:block; text-decoration:none; margin:0; padding:0; line-height:1; font-size:100%; outline:none; border:none;"> </a></td></tr>
</table></div></div><div style="display:none;"><img src="http://www.superlawyers.com/services/badge/beacon/825ef828-f578-45b9-ad57-334c2b85e45f/l/9.gif" width="1" height="1" border="0" /></div>
<!-- end super lawyers badge --></nowiki></pre>
Modified by cor-el
All Replies (5)
No problem here with the image when using your code.
Do you see the image in Tools > Page Info > Media or does it work when you paste the URL in the location/address bar?
You can inspect and manage the permissions for the domain in the currently selected tab via these steps:
- Click the "Site Identity Button" (globe/padlock) on the location/address bar
- Click "More Information" to open "Tools > Page Info" with the Security tab selected
- Go to the Permissions tab (Tools > Page Info > Permissions) to check the permissions for the domain in the currently selected tab
Start Firefox in Safe Mode to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
- Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
- Do NOT click the Reset button on the Safe Mode start window
Do you see the image in Tools > Page Info > Media or does it work when you paste the URL in the location/address bar? NO it does not appear there. When I check the web page the code is there but no image.
Tried all other suggestions and nothing worked.
If you go to http://www.etks.com/dmt.htm there is a badge from the same place that does show and that badge shows in the Media section of Tools>Page Info.
Can you open this image directly with the URL in the location/address bar?
Yes I can open the graphic directly with the URL.
So, something is blocking the image in the page code.
Is you website using a normal http connection?
You can open the Web Console (Firefox/Tools > Web Developer). Check on the Net tab for errors and check the Network tab if any content is blocked and has a file size 0 (zero).
You need to reload the page (F5 or toolbar button) to generate the network log.