Layout is strange on hover

[deef73]

When I hover on Default - Name - Author - Date - Hits the explanation is outside the canvas.  Probably a CSS error... but I don't know how to find it   Is there someone who can give me a clue ?



http://www.glansbeton.be/informatiecentrum

[ColinM]

Hi
It is probably CSS. Could you give the page ref or do I need to be logged in to see?
Colin

[deef73]

I'm sure it's a CSS problem....






You have to login.  It's easy when you click on the facebook logo.  https://www.glansbeton.be/informatiecentrum

[ColinM]

Hi
I have sent you a PM about logon info
Colin

[takeawayjungle]

Its definitely a CSS problem. please check the Css file

[ColinM]

Hi
At last I have been able to login to your site - personally I do not use Facebook!!

Your problem appears to be a template specific problem
The html code generated by your Gantry based template is as below

<span class="jd-list-ordering" id="ordering1">
      <a href="#" onclick="Joomla.tableOrdering('ordering','asc','');return false;" class="hasPopover" title="" data-content="Klik om volgens deze kolom te sorteren" data-placement="top" data-original-title="Standaard">Standaard</a> | </span>
     
All other templates that I am aware of and specifically the default Joomla! site templates generate

Code Select Expand

<span class="jd-list-ordering" id="ordering1">
      <a href="#" onclick="Joomla.tableOrdering('ordering','desc','');return false;" class="hasTooltip" title="" data-original-title="<strong>Default</strong><br />Select to sort by this column">Default<span class="icon-arrow-up-3"></span></a> | </span>
     
The difference is in the class=  clause in the <a html tag
Your template uses class="hasPopover" whilst the norm is class="hasTooltip".

Regrettably I have not been able to make the popover appear above the jD Downloads listing.
Popovers seem quite new so I expect this might occur again!
I will research further but it would help if you could contact your template supplier about this problem.  I have looked at several example 'popover' items - they seem to differ from the code generated in your template.  For example they seem to have rel="popover" in the html but if I put that in then the popovers do not appear.
See for example http://jsfiddle.net/mmfansler/Br4Zg/

Are you able to switch between Popups and Tooltips?
The relevant css is most likely in your bootstrap.css

Colin