[SOLVED] link space behind button to small

<div id="jem" class="jem_eventslist">
<div class="buttons">
<a href="/index.php/agenda/eventslist.html?task=archive&filter_reset=1" class=" hasTooltip" title="<strong>Toon het archief</strong><br />Klik om naar het archief te gaan" data-placement="bottom"><img src="/media/com_jem/images/archive_front.png" alt="Toon het archief" /></a>
<a href="/index.php/agenda/eventslist.html?tmpl=component&print=1" class="editlinktip hasTooltip" title="<strong>Printen</strong><br />Print dit scherm" data-placement="bottom" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;"><img src="/templates/blue-lotus/images/system/printButton.png" alt="Afdrukken" /></a>
</div>

<div id="jem" class="event_id896 jem_event" itemscope="itemscope" itemtype=" schema.org/Event ">
<div class="buttons">
<a href="/index.php/component/mailto/?tmpl=component&template=blue-lotus&link=6800bcb74e7b77e581388051b513d22565762769" class=" hasTooltip" title="<strong>E-mailadres</strong><br />E-mail naar een vriend" data-placement="bottom" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/templates/blue-lotus/images/system/emailButton.png" alt="E-mailadres" /></a>
<a href="/index.php/agenda/event/896-deze-avond-is-er-geen-repetitie.html?print=1&tmpl=component" class="editlinktip hasTooltip" title="<strong>Printen</strong><br />Print dit scherm" data-placement="bottom" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;"><img src="/templates/blue-lotus/images/system/printButton.png" alt="Afdrukken" /></a>
<a href="/index.php/agenda/event/896-deze-avond-is-er-geen-repetitie.raw?layout=ics" class=" hasTooltip" title="<strong>iCal</strong><br />Download het ICalender betand" data-placement="bottom"><img src="/media/com_jem/images/iCal2.0.png" alt="Export ICS" /></a>
</div>

<div id="jem"
class="jem_venue" itemscope="itemscope" itemtype=" schema.org/Place ">
<div class="buttons">
<a href="/index.php/agenda/venue/28-noorderbak.html?task=archive&filter_reset=1" class=" hasTooltip" title="<strong>Toon het archief</strong><br />Klik om naar het archief te gaan" data-placement="bottom"><img src="/media/com_jem/images/archive_front.png" alt="Toon het archief" /></a>
<a href="/index.php/component/mailto/?tmpl=component&template=blue-lotus&link=46f8a843f2ec8420ac4a14bfc5bd38add209d62c" class=" hasTooltip" title="<strong>E-mailadres</strong><br />E-mail naar een vriend" data-placement="bottom" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/templates/blue-lotus/images/system/emailButton.png" alt="E-mailadres" /></a>
<a href="/index.php/agenda/venue/28-noorderbak.html?print=1&tmpl=component" class="editlinktip hasTooltip" title="<strong>Printen</strong><br />Print dit scherm" data-placement="bottom" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;"><img src="/templates/blue-lotus/images/system/printButton.png" alt="Afdrukken" /></a> </div>

Egnarts wrote: Sorry for my late answer, I currently have examinations, so I have to learn very much

Is it possible to change back to the "broken" template, then I will investigate more. Eventually you can do it yourself.
Compare the css properties of the working <img> and <a>-tags with the one that do not work. Eventually you find the problem in the style.css of your template.