вертикальное выравнивание в ячейках таблицы

можно попробовать через базовый html - valign="middle"
а вообще, скорее всего, у вас какой-то стиль является более приоритетным чем ваш vertical-align:middle;

Для вертикального выравнивания текста и картинок в ячейках таблицы по центру возможно использовать несколько подходов, в зависимости от версии CSS и структуры таблицы.

1. Использование flexbox:
- Установите стиль display: flex; на ячейку таблицы.
- Добавьте стиль align-items: center; для выравнивания содержимого ячейки по вертикали.

Пример:
```
td {
display: flex;
align-items: center;
}
```

2. Использование позиционирования и трансформации:
- Установите стиль position: relative; на ячейку таблицы.
- Установите стиль top: 50%; и transform: translateY(-50%); для смещения содержимого ячейки по вертикали.

Пример:
```
td {
position: relative;
top: 50%;
transform: translateY(-50%);
}
```

3. Использование таблицы-таблицы:
- Создайте внутреннюю таблицу внутри ячейки.
- Установите стиль display: table; на внутреннюю таблицу.
- Установите стиль display: table-cell; и vertical-align: middle; на ячейку внутренней таблицы.

Пример:
```
td {
display: table-cell;
vertical-align: middle;
}

.inner-table {
display: table;
}
```

Попробуйте применить эти подходы и выберите наиболее подходящий для вашей ситуации.