Как поднять изображение в html
Перейти к содержимому

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

  • автор:

Как поднять картинку выше

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

Как поднять контейнер выше
Здравствуйте. Всего второй день разбираюсь в html и css, не очень пока соображаю. Подскажите, как.

Поднять меню выше
подскажите как в мобильной версии здесь http://lovelin.ru/ поднять меню выше. Что-то я решения не.

Как вставить картинку выше текста в CSS
Здравствуйте, подскажите, пожалуйста, как вставить картинку в CSS выше текста <h3>Веб-сайты</h3>.

Регистрация: 27.09.2014
Сообщений: 29
С помощью CSS. CSS позволяет расположить любой элемент странице в любом месте.

Эксперт JSЭксперт HTML/CSS

3824 / 2674 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4

Лучший ответ

Сообщение было отмечено amd5500 как решение

Решение

img src="IMG/Логотип 1.2-восстановлено (1).png" width="200" height="100px" class="logo">
1 2 3
.logo{ object-fit: cover; }

А лучше обрезать изображение по высоте в графическом редакторе
Регистрация: 24.09.2020
Сообщений: 419
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

поднять картинку
Как поднять логотип соц сети? <!DOCTYPE html> <html lang="en"> <head> <meta.

Выдвигающийся элементы нужно поднять чуть выше
Добрый вечер. Есть форма, в которой при нажатии на тот или иной input выдвигаются изображения для.

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

HTML — Надо: вставить картинку в картинку, в эту картинку, ссылку в картинку
Вот схема моего сайта. http://s020.***********/i716/1404/8c/254516feacb3.jpg У меня пока что на.

Как мне градиент поднять выше?
Всем привет! Помогите, пожалуйста, разобраться в следующем: 1) Есть картинка на альфа канале.

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

Как поднять картинку в верхнем колонтитуле
Привет всем. Подскажите пожалуйста, как поднять картинку в верхнем колонтитуле до края листа? В.

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

Нужно собрать макет сайта Вложение 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> Приложу скрин и стили, которые.

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

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

Как поднять картинку вверх?

joeberetta

Вот тебе самому не стыдно задавать такие вопросы? Какая картинка, блин, куда наверх, хоть грамм конкретики бы приложил, нарисовал бы скришнот, схему. Позор просто.

AppAlex @AppAlex Автор вопроса

Дмитрий, ну не ругайся. Тупанул

5e60f394661bf514645498.png

Решения вопроса 1

lie2

Можно и такой код прописать в div картинки:

НО смотря чего Вы хотите добиться.
Вообще мне хочется предложить её добавить к фону, либо подгрузить к фону.
Тут же можно поработать с index.
Так что опиши свои желания.

Ответ написан более трёх лет назад
AppAlex @AppAlex Автор вопроса

 

Если так, то никаких движений нет

lie2

AppAlex, Есть) там каждый % влияет) вот код в див:
Ответы на вопрос 2

Seasle

5e60f24543625751237086.png

Просто оставлю это здесь.

Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать

ThunderCat

ThunderCat @ThunderCat Куратор тега HTML

5e60f72de9b88516653846.png

AppAlex, У тебя картинка в одном блоке с надписью, которая неверно сверстана (должна вместе с верхней надписью быть в кол-6 и разбита уже там на роу-кол-12). Тогда в правом кол-6 будет твоя картинка, и там уже можно как хочешь нормально позиционировать.

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

За изменение масштаба изображения отвечает свойство 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
  • Функции трансформации

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *