Solved

Facebook Business Page photo link won't work

Posted on 2010-08-19
8
431 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
How our DevOps Teams Maximize Uptime

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us. Read the use case whitepaper.

 
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
 

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

How our DevOps Teams Maximize Uptime

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us. Read the use case whitepaper.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Finding a job can be stressful - searches, resume tweaks, and networking events can be super boring. Luckily we're here to help you land your dream job!
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

830 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