Support » How-To and Troubleshooting » [Resolved] Facebook box positioned over a mapped image?

[Resolved] Facebook box positioned over a mapped image?

  • Hi, is there a way to do this? I have an example in the sidebar on suziscrafts.com (test1).
    The code i got is iframe from facebook and a mapped image that i want to use as a background, with facebook box positioned over the top of the image. Is this even possible with the codes i got? How can i combine the codes to make bolth elements work togather?

    <p style="padding:10px 10px 0px 92px;">
    <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSuzis-Crafts%2F272235046158556&width=165&height=62&colorscheme=light&show_faces=false&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:165px; height:62px;" allowTransparency="true"></iframe></p>
    <img src="http://suziscrafts.com/wp-content/uploads/2012/01/Socialwidget2.png" width="271" height="156" border="0" usemap="#map" />
    <map name="map">
    <!-- #$-:Image map file created by GIMP Image Map plug-in -->
    <!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
    <!-- #$-:Please do not edit lines starting with "#$" -->
    <!-- #$VERSION:2.3 -->
    <!-- #$AUTHOR:Jason -->
    <area shape="circle" coords="230,118,24" href="http://feeds.feedburner.com/SuzisCrafts" />
    <area shape="circle" coords="164,118,27" href="http://plus.google.com/b/105899519504384218077/" />
    <area shape="circle" coords="102,117,26" href="http://twitter.com/suzis_crafts" />
    <area shape="circle" coords="39,117,26" href="http://www.facebook.com/pages/Suzis-Crafts/272235046158556?sk=app_137541772984354" />
Viewing 1 replies (of 1 total)
  • Ok with the help of a friend I finally got it figured out. I needed to change the iframe to the html5 version and add a style=”” to bolth the image and facebook.

Viewing 1 replies (of 1 total)
  • The topic ‘[Resolved] Facebook box positioned over a mapped image?’ is closed to new replies.