Манипуляция с ячейками !

@Deathn0te · Регистрация: 10.04.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте, очень нужна ваша помощь

есть ячейка в таблице, у которой прописаны мин макс значения, это ширина и высота, она их не слушает, но если поставить display: block, то отменяется vertical-align: middle.

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

Добавлено через 13 минут
еще такой нюанс, если картинка имеет ровно 220 на 220, то почему то ячейка становится 225 по высоте

Доктор Зойдберг · 27.12.2013, 15:11

Скиньте код.
Так проще править, и быстрее решение проблемы.

@Deathn0te · 27.12.2013, 16:26 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<table border="0" cellpadding="0" cellspacing="0" class="some-photo">
                                <tr>
                                    <td><img src="img/ava.png" alt="" height="220px" width="220px"/></td>
                                    <td>
                                        <div class="right_part foto">
                                            <h3>Описание</h3>
                                            <textarea placeholder="Напишите что-нибудь..." class="coment_area"></textarea>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                            <div class="bg_right"><div class="some_bg_left">Сохранить фото</div></div>
                                            <div class="bg_left"><div class="img_remove"></div>Удалить</div>
                                    </td>
                                </tr>
                            </table>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
table.some-photo  {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}
table.some-photo tr:nth-child(1) td:nth-child(1) {
    height: 165px;
    width: 165px;
    text-align: center;
    background: #000;
    vertical-align:middle;
     -moz-box-sizing: border-box; /* Для Firefox */
    -webkit-box-sizing: border-box; /* Для Safari и Chrome */
    box-sizing: border-box; /* Для IE и Opera */
}
table.some-photo tr:nth-child(1) td:nth-child(1) img{
    display: block;
}
table.some-photo tr td:nth-child(2) {
    vertical-align: top;
    padding-left: 15px;
}

решил таким образом проблему, так сказать временное решение, но это не есть то что хотелось бы ..

Новые блоги и статьи Все статьи Все блоги /
Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	Программный отбор значений справочника Maks 21.03.2026 Установка программного отбора значений справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .	Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .
Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .

@Deathn0te 2 / 2 / 1 Регистрация: 10.04.2013 Сообщений: 129

	Манипуляция с ячейками ! 27.12.2013, 14:39. Показов 1631. Ответов 2 Метки нет (Все метки) Здравствуйте, очень нужна ваша помощь есть ячейка в таблице, у которой прописаны мин макс значения, это ширина и высота, она их не слушает, но если поставить display: block, то отменяется vertical-align: middle. Внутри ячейки есть картинка, которая приходит с уже с генерированными размерами, и вот необходимо что бы эта картинка всегда была по центру если ее размеры меньше максимальных значение ячейки. Добавлено через 13 минут еще такой нюанс, если картинка имеет ровно 220 на 220, то почему то ячейка становится 225 по высоте 0

Доктор Зойдберг 104 / 88 / 21 Регистрация: 19.05.2012 Сообщений: 458
	27.12.2013, 15:11
	Скиньте код. Так проще править, и быстрее решение проблемы. 0

Манипуляция с ячейками !

Решение