Solved

Facebook Business Page photo link won't work

Posted on 2010-08-19
8
428 Views
Last Modified: 2012-06-22
I want to put an image on our Facebook business landing page. However the image won't display presumably because the page can't find it.

I followed the example shown at Mashable http://mashable.com/2010/02/22/build-facebook-landing-page/ .

Mashable's instructions are "go to your settings and click the “Edit” link under the Static FBML app. This opens a standard text field where you can add your content. The main text field is where your content goes, and you can add standard HTML to the page as you would any website, including images, text, links, and other formatting. No need for HTML, BODY, or HEAD tags. Note that your images must be hosted elsewhere (on your company’s website, for example) and only referenced in your HTML code."

I think that's what I've done. My code is below.

I suspect there is a setting in Facebook that I should tick to let this function but darned if I know what it is.
<a href="http://www.oursite.com"><img scr="http://www.oursite.com/test_icon.bmp" width="202" height="62" alt="Welcome to Our Site"></a>

Open in new window

0
Comment
Question by:NEILPH
  • 4
  • 2
  • 2
8 Comments
 
LVL 9

Expert Comment

by:Snarfles
ID: 33482247
You are linking to a .bmp file... you would be better off converting this to gif, jpg, or png.
0
 
LVL 9

Expert Comment

by:Snarfles
ID: 33482255
You could use something like this to convert it for you

http://www.coolutils.com/Online/Image-Converter/

The reason I say this is that the bmp is generally not a web format and while I think some browsers accept it others wont.

I guess the other question is... if you go directly to http://www.oursite.com/test_icon.bmp does it work?
0
 

Author Comment

by:NEILPH
ID: 33482309
This is weird. I've solved it and I don't know why.

I googled and found a site of distressed Facebook users trying to solve the same problem. I took the code example of one of the gurus, replaced it with my file names, and placed it in my FB page and it worked.

I couldn't see the difference from the example in my question above, but then noticed that they didn't have </a> at the end.

Later, I added an </a> and it still worked. Crazy.

My opinion is that FB is a black box that is parsing whatever code you enter, and unless you do things in a ceratin way it gets confused.

It worked whether .bmp or .gif

So I guess no points. Thanks for the interest though.
0
 
LVL 9

Expert Comment

by:Snarfles
ID: 33482318
Its still best practice not to use .bmp. For your users sake....

Do you want to paste in what the solution was?
0
Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

 

Expert Comment

by:aljurians
ID: 33485904
well you can upload that in  your facebook photos and that link should be bmp too..

0
 

Expert Comment

by:aljurians
ID: 33485923
if that dont work you can use http://imageshack.us/ or tinypic.com
0
 

Accepted Solution

by:
NEILPH earned 0 total points
ID: 33490358
Here's the code....

a. as per the example I got by googling. Note no </a>  It works, showing the image.

<a href="http://www.mysite.com"><img src="http://www.mysite.com/img/home/test_logo.gif" width="202" height="62" border="0" alt="Welcome to Mysite" />
<p>MySite is a good site</p>

b. So I added the </a> and it still works. The mystery is that this takes it back to exactly what I add previously, and which wouldn't work.

<a href="http://www.mysite.com"><img src="http://www.mysite.com/img/home/test_logo.gif" width="202" height="62" border="0" alt="Welcome to Mysite" /></a>
<p>MySite is a good site</p>

c. I've just noticed that my original would have been     Mysite" ></a>,    not     Mysite" /></a>      Would that have made a difference?
0
 
LVL 9

Expert Comment

by:Snarfles
ID: 33491556
Technically you should have it... for it to be valid xhtml... however thats one of the things that I admit I am sloppy with. I probably forget it half the time but never have any issues with displaying images.
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

Read about why website design really matters in today's demanding market.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

759 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now