css - Multiple Addthis buttons on the same page with absolute position only shows the first one -
so have 3 boxes each box have small share button sit in top right of box, (absolute css position).
addthis show when hovering on first one, if css absolute taken out work in boxes. i've tried setting absolute on sharethis element putting inside absolute container. neither works. not find example on addthis website.
this absolute container tried around addthis, div inside larger div
content<style>
.promotionitem { position:relative; }
#promotionsslider .sharecontainer { width: 30px; height: 29px; position: absolute; top: 0; right: 0; display: block; } </style>
your positioning share buttons on top of 1 another, using absolute position won't respect each other's position in dom... you'll need give each left or vertical absolute position depending on want them sit.
below i'm presuming have 3 icons want position , i'm aligning these horizontally.
#promotionsslider .sharecontainer { width: 30px; height: 29px; position: absolute; top: 0; right: 0; display: block; } #promotionsslider .sharecontainer:nth-of-type(2) { right: 40px; } #promotionsslider .sharecontainer:nth-of-type(3) { right: 80px; }
Comments
Post a Comment