12.06.2013 12:46:24 Как убрать отступ у вложенного блока Сообщение #1
olegvasil
Эксперт
Дата регистрации:
25.03.2013 22:27:59
Сообщений: 106
Добрый день.Подскажите как можно убрать отступ , который появляется только внизу , а свойства padding и margin не действуют.Здесь таблица в которой одна строка и 2 ячейки в каждой ячейка вложен элемент div для создания внешней рамки красным цветом , а в div вложен тег img который выводит картинку и для него тоже стоит рамка размером 9px.В итоге получается , между двумя рамками нигде нет просвета , кроме как внизу
<table id = "products">
<tr>
<td>
<div>
<img src = "images/image1.jpg" alt = "Tovar" />
</div>
</td>
<td>
<div>
<img src = "images/image2.jpg" alt = "Tovar" />
</div>
</td>
</tr>
</table>
#products img{
width:130px;
border:9px solid #dfedf5;
margin:0;
}
#products div{
border:1px solid red;
padding:0;
}
<table id = "products">
<tr>
<td>
<div>
<img src = "images/image1.jpg" alt = "Tovar" />
</div>
</td>
<td>
<div>
<img src = "images/image2.jpg" alt = "Tovar" />
</div>
</td>
</tr>
</table>
#products img{
width:130px;
border:9px solid #dfedf5;
margin:0;
}
#products div{
border:1px solid red;
padding:0;
}
