In short, the code looks like this:

.top-icons, .bottom-icons { position: absolute } 
 <td> <div> <span class="arrow"></span> <img scr="smile"/> <span class="arrow"></span> <div class="top-icons"></div> <div class="bottom-icons"></div> </div> <td>

Problem picture

I need the emoticon not to be limited to these indents in the cell. So that it almost touches the borders of the cell.

I have already tried adding padding:0; cellpadding:0 padding:0; cellpadding:0 , conjured over the positioning of elements, changed the display from img , but nothing helped! line-height also applied. Nothing!

  • The code you provided is not enough. The problem can be in both css and html. Maybe because of the icons before / after the emoticon. Vobschem need the full code. - cyadvert
  • why do you think that this is the indentation of the cell, and not the picture? - Grundy
  • What is the size of the emoticon image in its original form? - olegatro

1 answer 1

all cells are position: relative , a <img> absolute and give them w:100% + h: auto , or the calendar will still work on js. Give the class an active cell that should have an icon and make an icon on this class b ackground:url(icon.png) и background-size: contain