close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Conflict with Facebook "like" plugin?

Thread began 4/23/2011 9:36 am by Steve | Last modified 4/26/2011 4:43 pm by Jason Byrnes | 3546 views | 7 replies |

Steve

Conflict with Facebook "like" plugin?

Hello,
Here's an odd one...

Take a look at this page:
isemanhomes.com/

On the left vertical nav there is a Facebook "like" button that is generated from the facebook developer site.

Now mouse of one of the links in that same area... Facebook link/plugin disapears.

The page uses the nav area as an include via Framework plugin. And the menu is a Spry Menu group. I looked at the page using Firebug which usually will show you things that act dynamically but in this case the plugin contents for facebook still exist after the mouseOut, I just can't see what or where is the cause.

Anyone have some greater tools or insight into this condition?

Regards,

Steve

Sign in to reply to this post

Jason ByrnesWebAssist

What browser are you using for testing?

I do not see this behavior in Fire Fox 3 or 4, IE8 safari or Google Chrome.

I am not able to reproduce this problem.

Sign in to reply to this post

Steve

All browsers show this problem.

Right now I have the like button twice in the left vertical column. The top one does not disappear when you mouse over a link but the one just above the You Tube link does.

Sign in to reply to this post

Jason ByrnesWebAssist

add a container to the facebook like code:

in your source I see:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.facebook.com/pages/Iseman-Homes-Youre-Home-Now/177004345682853" layout="button_count" show_faces="true" width="144" font=""></fb:like>



try changing that to:

<div id="fb-root">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.facebook.com/pages/Iseman-Homes-Youre-Home-Now/177004345682853" layout="button_count" show_faces="true" width="144" font=""></fb:like></div>
Sign in to reply to this post

Steve

I had tried a container prior and no luck. But I have moved the closing div tag as suggested and updated the live page. Problem still present.

Sign in to reply to this post

Jason ByrnesWebAssist

you should also have a div container around the navifgation UL:

<div>
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="aboutus.php">About Us</a> </li>

<li>
<a href="#" class="MenuBarItemSubmenu">Available homes</a>

<ul>
<!-- start dynamic list -->


<li><a href="inventory.php?invtype=35">Brainerd, MN</a></li>
<li><a href="inventory.php?invtype=5">Chillicothe, MO</a></li>
<li><a href="inventory.php?invtype=10">Gillette, WY</a></li>
<li><a href="inventory.php?invtype=7">Kearney, NE</a></li>
<li><a href="inventory.php?invtype=1">LeMars, IA</a></li>

<li><a href="inventory.php?invtype=6">Minot, ND</a></li>
<li><a href="inventory.php?invtype=11">Pierre, SD</a></li>
<li><a href="inventory.php?invtype=8">Rapid City, SD</a></li>
<li><a href="inventory.php?invtype=4">Sioux City, IA</a></li>
<li><a href="inventory.php?invtype=9">Sioux Falls, SD</a></li>
<li><a href="inventory.php?invtype=28">Williston, ND</a></li>



<!-- end dynamic list -->
</ul>
</li>



<li><a href="contact.php">Contact Form</a></li>
<li><a href="faq.php">Iseman FAQ</a></li>
<li><a href="LocationsMap.php">Locations</a></li>
<li><a href="Builders.php">Iseman's quality builders</a></li>

<!-- <li><a href="map.php">Map (w/Phone Numbers)</a></li> -->
<!-- <li><a href="financing.php">Financing Information</a></li>-->


<li><a href="#" onclick="MM_openBrWindow('mortCalc.php','calc','width=480,height=350')" ><img src="img211/calculator.gif" alt="Calculator" width="14" height="14" border="0" align="absmiddle" />&nbsp;Mortgage Calculator</a></li>


</ul>

<!--End Sidebar Nav-->

<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</div>
Sign in to reply to this post

Steve

Jason, good job...

that second container div around the line items fix it.

Thanks,

Steve

Sign in to reply to this post

Jason ByrnesWebAssist

Glad to hear it is working.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...