My like button has fixed positioned near the edge of the screen. As a result, clicking "Like", the comment pop-up box is half-on-screen, half-off, making posting comments difficult.
Any ideas? See the problem on the following screenshot:
Interestingly, the Google Plus button does not have this problem.
I know this is an ancient post but for anyone else stumbling into it from google:
the solution is to simply add a css class for .fb_iframe_widget and give it a negative top margin with !important.
For example:
.fb_iframe_widget{
margin-top:-163px !important;
}
Related
right now the content of dropdowns is by default to the bottom right.
Is there an option to set it so it goes to the bottom left?
(foundation 5)
The "right" style is being applied through JS. To override this just give #contentDrop a style of #contentDrop{left: -100px !important;} or whatever value you would like to pull left. You will need to adjust the .f-dropdown:after{left:XXpx !important;} and .f-dropdown:before{left:XXpx !important;} stylings to bring the little triangle to the right of the dropdown box.
This is a hack because Zurb-Foundation is still working on a solution to this problem. There is an github issue related to this. I found a Hack here that helped me solve it.
Using this information here is how to get the alignment correct. Add a class bottom-align-left to the content dropdown div:
Search
<div id="drop2" data-dropdown-content class="f-dropdown bottom-align-left">
Then add this to your CSS or SCSS file. You will have to play with the number to get it right.
.bottom-align-left {
margin-left: -375px;
}
Now the triangle shows up in the wrong place. To fix this remove the triangle.
Open _settings.scss.
Find $f-dropdown-triangle-size and set it to 0px i.e.
$f-dropdown-triangle-size: 0px;
On some of my pages, the like button doesn't work. I have two behaviors :
The click on the like button display the message "add a comment" with the like button, just on the bottom on the button, but this message close after 1 seconds and nothing happend.
Or It displays a confirm button. When I click on this, I have a popup where I can confirm the like.
When I click on the like button on this popup, the popup closes and the like isn't counted, I always have 0 liker.
Here is my page :
www.samhigan.com/testf.cfm (I updated this link since the publication of this message)
I had just put the facebook code on this page to check that it doesn't come from another tag.
Have you got an idea ? I have searched on the facebook bug list but I can't find any solution.
Thanks,
Best regards,
Matthieu
Did you test the like button by click and cancel it frequently? It will cause Facebook think your page maybe a spam and add a confirm button. There is no way to remove it manually, it will auto-disappear after a number of confirm have been click.
Here is an official response about this problem :
Facebook Developers > Bugs > Like button requires Confirm step
I have added on my web-sire some social buttons. Tweet share button works just fine but I have some issues with facebook and google+ button.
In fact I added this away the buttons : (the buttons are supposed to link to a web page through a parameter $URL
<div class="g-plusone" data-size="medium" href="{$URL}"></div>
and for facebook
<iframe src="http://www.facebook.com/plugins/like.php?href={$URL}&layout=button_count&show_faces=false&width=90&action=like&font=verdana&colorscheme=light" allowtransparency="true" style="border: medium none; overflow: hidden; width: 90px; height: 21px;" frameborder="0" scrolling="no"></iframe>
In fact I used iframe because my buttons are wrapped by divs that displays them in grey and color them the expected way on hovering.
The problem I have is that when clicking on the g+ no box appears, and when I click again, the g+ button displays a red triangle instead and I have a "+1 button errors" message : but I am in none of the case that would explain this kind of message.
When clicking on the facebook-like, I have nothing displayed on my facebook's wall...
Does anybody has an idea how to fix it ?
For the +1 button, I have a few things you can try. Is the actual button itself rendering also or are you getting unexpected behavior when you click it?
If the button isn't rendering, you might be missing the JavaScript library for Google+. The following code should be added to your post before the actual button gets rendered:
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
If you are getting unexpected behavior when the button is clicked, you probably are having an issue with the URL parameter. You might be able to get by without passing a URL because the +1 button defaults to the current page. The following example shows the simplest case of rendering the +1 button for the current page:
<g:plusone></g:plusone>
If that correctly renders, you are putting something bad into the URL parameter or have something wrong with the strings in your parameters. For example, check that the strings you're using don't have backticks in the starting or closing quotes as opposed to single quotes.
The +1 documentation will have any additional details that you will need for configuring and customizing the button and its parameters. You can find it here:
https://developers.google.com/+/plugins/+1button/
When I click on "Recommend" the window which button opens is hidden (unvisible) behind the footer.
Actually I've got screenshot to explain it precisely: http://www.diigo.com/item/image/1q1ia/tw30
Of course it's XFBML, because I know problem like this can be found when iframe. Any idea how to fix it?
My weblog address is http://www.votre-site-internet.com/ if you want to check it out by yourself.
Thank you in advance,
Piotr Sochalewski
If you are using FBML, I would look into your CSS z-indexes. I would suggest bumping up the z-index where the like button is.
I have a list of links within a div with a scrollbar. When the user clicks on a link below the x-height of the div, the srollbar automatically goes back to the top. I would like the scrollbar to stay in position no matter what links the user clicks. Here is the site- try clicking on a painting from 2006 and you'll see what I mean.
Does anyone have any ideas of how I can make this scrollbar behave?
Thanks,
Brad
It looks like these links are just that, links to a new page... and thus it's not so much that the scrollbar is resetting but that a whole brand new page is coming up and the 'reset' scrollbar is just a byproduct.
The most elegant way would be to have those links pull in the new content without reloading the page, but this requires AJAX. If you aren't familiar with the intricacies of AJAX and how to implement that, then you could change the link to include an anchor to the link, like so:
http://siddharthparasnis.com/2006-01/#menu-item-377
The page would reload scrolled down to that item.