X3Photo Gallery Forums

macarius · 29 Mar 2011, 16:37

Issue: There is recommended a 3px margin on the right side of the "X" to close the Facebook Widget:

margin: 0px 3px 0px 0px;

If you tried to hover over the X in IE8 or IE9 it would disappear before you were able to click: the issue is when there is no background-color or layer-background-color selected, the transparent space in the layer is no longer attributed to the layer, rather the page body layer.

To correct this, you may:

1. Remove the margin, and add an html spacer that is flush (no margin) to the FaceBook Widget:

<a href="#" title="Hide Facebook Widget" onclick="document.getElementById('myfacebook').style.display = 'none';return false;" style="visibility: hidden; font-family: Verdana; text-decoration: none; color: #d5d5d5; vertical-align: top; display: inline-block; margin: 0px 0px 0px 0px; font-size:12px;" id="myclosebutton">x&nbsp;</a><

--OR--

2. Assign a layer color:

<div style="position:absolute; background-color:#FFFFFF; layer-background-color:#FFFFFF; ...

30 Mar 2011, 02:43

Thanks for reporting this with a solution. I will add this to list and probably amend our documentation ...

X3Photo Gallery Forums

Hide Facebook Widget Fix2 posts

Hide Facebook Widget Fix

Re: Hide Facebook Widget Fix