Почему ячейка моего изображения не в том, чтобы не изменить размер с моим изображением? ⇐ CSS

[Anonymous]

Я пытаюсь сделать таблицу с 4 Cels, а в каждой ячейке изображение. Сейчас я стараюсь с тестовым изображением, но всякий раз, когда я помещаю размер изображения в % (я хочу, чтобы изображение изменило размер с окном), ячейка, в которой изображение находится в ширине исходного изображения. Таким образом, изображение изменяется, но Cel, в котором изображение нет. Только ширина, высота действительно изменяет размер. Если я помещаю размер изображения в PX, он работает. Поэтому я хочу, чтобы размер изображения находился в %, так что при изменении ширины окна изображение изменяется с ним размером. PrettyPrint-Override ">

Код: Выделить всё

table,
tr,
td {
border: 1px solid black;
margin-left: 10%;
margin-bottom: 20%;
}
td {
margin: auto;
padding: auto;
}
.image1 {
background: url(../afb/test.png);
width: 50%;
height: 50%;
}< /code>




pic 2


pic3
pic4

Подробнее здесь: https://stackoverflow.com/questions/742 ... h-my-image