<img>? Хотя реализовать такое можно и на чистом css, примеров в гугле валом.
isInArea( element ) передавайте в неё элемент и у него берите левый верхний угол + ширина/высота..Полагаю мехника понятна.
.red-border {
border: 1px solid red;
}if($day1 == 'Суббота' or $day1 == 'Воскресенье') {
// some else code here...
echo "<td class='red-border'>...</td>";
} else {
// some else code here...
echo "<td>...<td>"
}<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<div class="box">
<!-- images here -->
</div>
</div>
<div class="col-md-12">
<div class="box">
<!-- image here -->
</div>
</div>
</div>
<div class="row">
<!-- to be continue... -->
</div>
</div>
</div>
margin закрался, либо нужно использовать box-sizing: border-box;, чтобы с padding работать корректно.
.nav__link{
font-size: 16px;
display: inline-block;
padding: 0 15px;
margin-top: 5px;
color: #fff;
text-decoration: none;
border: 1px solid rgba(0,0,0,0);
}position: relative. Так что попробуйте добавить ему это свойство и тогда, дочерний элемент данного контейнера при absolute не будет выходить за рамки родича.