Как поднять изображение вверх css

как поднять элемент выше?

введите сюда описание изображения

элемент «video» ниже, чем надо. Выровнять с помощью padding и margin не вышло. Как выровнять элемент выше?

Отслеживать
задан 11 авг 2020 в 15:01
33 1 1 серебряный знак 4 4 бронзовых знака

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

а как надо? Рисунок в студию.

паддингами вы его не выравняете, т.к. паддинги — это отступы ВНУТРИ него.

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

float тут в принципе лишний.

а еще есть свойство transform:translate(x,y) . Попробуйте его.

Отслеживать
ответ дан 11 авг 2020 в 15:13
Инквизитор Инквизитор
5,935 1 1 золотой знак 6 6 серебряных знаков 25 25 бронзовых знаков

html
css

Важное на Мете

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Поднять картинку вверх

Нужно собрать макет сайта Вложение 650475
. Я вот начала делать и возникла проблема. Надо сделать так,чтобы картинки можно было как угодно ставить, нужно поднять картинку img src=»https://www.cyberforum.ru/html/images/top-right.jpg» вверх,чтобы стояла она как на макете. Не понимаю,как сделать это с использованием img.
начало сборки и файлы Вложение 650480
сейчас все выглядит вот так Вложение 650481, так не должно быть.

94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Поднять textarea вверх
Добрый день. Помогите поднять textarea вверх, чтоб все поля были на одном уровне. Чтоб как на.

Поднять контейнер вверх
Хочу поднять контейнер <textarea> к вверху, то есть рядом с <table> Приложу скрин и стили, которые.

Поднять правый сайдбар в вверх
На сайте две колонки, контент (дерево категорий слево) и правый сайд бар (сейчас там пустое место).

Как поднять изображение вверх?
Добрый день! Подскажите пожалуйста, Как поднять изображение вверх чтобы изображение было наравне с.

Подскажите, пожалуйста, как поднять картинку вверх в CSS, если код такой >>>

#mySlideshow .jdSlideshow img
padding-left:9px;
padding-right:10px;
padding-top:2px;
padding-bottom:9px;
background-repeat:no-repeat;
border: 1px white solid;
>
#mySlideshow
z-index:0;
margin-bottom: -10px;
background-repeat:no-repeat;
background-position: 16px 14px;
height: 200px;
>

Лучший ответ

Не очень понял в какой именно момент картинку надо поднять и как именно, но, как вариант, модно сделать так:
#someimg
position:relative;
top:-20px;
>

Остальные ответы

Девочка! Глупенькая! Не тут это нужно спрашивать. Тут сидят одни профаны (и я вместе с ними) .
Есть куча форумов по веб-мастерингу.

Как увеличить картинку при наведении?

За изменение масштаба изображения отвечает свойство transform с функцией scale() . В качестве её значения указывается число больше 1 для увеличения масштаба и меньше 1 — для уменьшения масштаба. К примеру, число 1.2 увеличивает масштаб на 20%.

Чтобы картинка увеличивалась при наведении на неё курсора мыши, свойство transform следует привязать к псевдоклассу :hover, как показано в примере 1.

Пример 1. Увеличение картинки

Увеличение изображения

При наведении на картинку масштаб меняется мгновенно, поэтому для плавного увеличения изображения добавлено свойство transition , оно задаёт время масштабирования.

Если требуется масштабировать картинку, не увеличивая при этом её размеры, то каждое изображение надо поместить в . Для него задать свойство display со значением inline-block , чтобы стал размером с изображение; а также overflow со значением hidden , чтобы пряталось всё за пределами (пример 2).

Пример 2. Использование overflow

У изображений внутри строчно-блочных элементов снизу появляется небольшой отступ, его можно убрать с помощью свойства display со значением block .

См. также

:focus на мобильных устройствах
overflow
transform
Анимация ссылок при наведении
Атрибут scroll
Виды ссылок
Всплывающая подсказка
Высота и ширина в CSS
Использование :hover
Липкое позиционирование
Несколько псевдоэлементов
Нормальное позиционирование
Ориентация
Очистка float
Переходы с помощью :hover
Повёрнутые рамки
Подробнее о позиционировании
Подсветка строк и колонок таблицы
Псевдокласс :hover
Псевдоклассы в CSS
Работа с типографикой
Селекторы CSS
Состояния кнопок
Сочетание с псевдоклассами
Типы ссылок
Трансформация
Трансформация
Трансформация в CSS
Функции трансформации