html - Apply image in bottom right corner -
i need apply small image, little badge, (bottom right) on thumbnails of gallery. code generate automatically plugin , looks this. can't change order of tags can edit 2 lines marked * (i.e. adding classes, changing span div) works top not bottom (top: 0px; right: 4px) don't know why.
<a href="/photos/fullpic.jpg"> <span> *<span style="position: relative; display: block;"> <img src="/photos/mythumbnail.jpg" alt="thumbnail"> *<img src="/photos/plugins/badge.png" style="position: absolute; bottom: 0px; right: 4px;"> </span> </span>
edit: forgot add. each thumbnail has different height/width can't declare height container. needs stick bottom right regardless dimension of container.
it works fine me have remove display:block;
<span>
what "wrapper" <span>
?
Comments
Post a Comment