Menu icon Foundation
Tooltip placement off

I would like to verify if the following is regular behaviour, or a bug of some sort: Somehow tooltips are placed with more margin than I would expect there to be below the element they are attached too. I have tried various elements, the effect is always the same. I am on Foundation 5.5.2. You can see the site live, here: http://bycat.ch/ I've attached a screenshot and an example of the code I am using.

2015 05 02 at 18.09

<div class="row" id="header">

<div class="small-12 medium-9 large-7 small-centered columns" id="quotes">
  <p class="text-center">“Bycatch makes you comfortably numb.” – <a href="http://killscreendaily.com/articles/card-game-about-drone-strikes-makes-comfortably-numb/">Levi Rubeck, Kill&nbsp;Screen</a></p>
  <p class="text-center">“The paradox of Bycatch is that it makes you think critically about collateral damage and the arbitrariness of surveillance while at the same time being a very entertaining game to play.” – <a href="http://www.bof.nl/">Hans de Zwart, Director of Bits of&nbsp;Freedom</a></p>
  <p class="text-center"><span data-tooltip aria-haspopup="true" class="has-tip" title="Every step in this game contains an analogy to the theme. It lets you think long and hard about a lot of things.">“Jeder Schritt in diesem Spiel lässt eine Analogie zu auf diese Thematik. Man kann da sehr lange über viele Sachen reden und nachdenken.”</span> – <a href="http://www.deutschlandradiokultur.de/gespielter-drohnenschlag-kartenspiel-macht-jagd-auf.2156.de.html?dram:article_id=312744">Marcus Richter on DKultur</a></p>
</div>

tooltips

I would like to verify if the following is regular behaviour, or a bug of some sort: Somehow tooltips are placed with more margin than I would expect there to be below the element they are attached too. I have tried various elements, the effect is always the same. I am on Foundation 5.5.2. You can see the site live, here: http://bycat.ch/ I've attached a screenshot and an example of the code I am using.

2015 05 02 at 18.09

<div class="row" id="header">

<div class="small-12 medium-9 large-7 small-centered columns" id="quotes">
  <p class="text-center">“Bycatch makes you comfortably numb.” – <a href="http://killscreendaily.com/articles/card-game-about-drone-strikes-makes-comfortably-numb/">Levi Rubeck, Kill&nbsp;Screen</a></p>
  <p class="text-center">“The paradox of Bycatch is that it makes you think critically about collateral damage and the arbitrariness of surveillance while at the same time being a very entertaining game to play.” – <a href="http://www.bof.nl/">Hans de Zwart, Director of Bits of&nbsp;Freedom</a></p>
  <p class="text-center"><span data-tooltip aria-haspopup="true" class="has-tip" title="Every step in this game contains an analogy to the theme. It lets you think long and hard about a lot of things.">“Jeder Schritt in diesem Spiel lässt eine Analogie zu auf diese Thematik. Man kann da sehr lange über viele Sachen reden und nachdenken.”</span> – <a href="http://www.deutschlandradiokultur.de/gespielter-drohnenschlag-kartenspiel-macht-jagd-auf.2156.de.html?dram:article_id=312744">Marcus Richter on DKultur</a></p>
</div>
Wing-Hou Chan over 4 years ago

Howdy!

I attempted to replicate the problem you have, however on visiting your site the tooltip is closer to the element they are attached to compared to the image screenshot you've attached in your original post.

Could you let me which browser you are experiencing this problem on and what OS you are using?

sidd about 2 years ago

This is so quit play for the game is the wsop free chips  best play site free wsop chips game.