Как придвинуть элемент a к элементу img?
Как это можно сделать? Скрин ниже
Дополнительно:
Вероятно, написать скрипт для красной стрелки
без кода будет вангование, но мало ли…
обернуть в <div> или другой контейнер, ну или запихнуть иконку в ссылку
если там flex, а картинка и ссылка на одном уровне, то можно попробовать поиграться с justify-self, но не факт что поможет
- Спасибо, помогло!
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для придвижения элемента a к элементу img вам необходимо использовать CSS для позиционирования элементов. Вот несколько способов, как это можно сделать:
1. Используя позиционирование абсолютное:
```html
<div style="position: relative"> <img src="image.jpg" alt="Image"> <a href="#" style="position: absolute;top: 10px;left: 10px">Link</a> </div><div style="position: relative"> <img src="image.jpg" alt="Image"> <a href="#" style="position: absolute;top: 10px;left: 10px">Link</a> </div>
```
2. Используя позиционирование относительное:
```html
<div style="position: relative"> <img src="image.jpg" alt="Image"> <a href="#" style="position: absolute;top: 50%;left: 50%">Link</a> </div><div style="position: relative"> <img src="image.jpg" alt="Image"> <a href="#" style="position: absolute;top: 50%;left: 50%">Link</a> </div>
```
3. Используя flexbox:
```html
<div style="align-items: center;justify-content: center"> <img src="image.jpg" alt="Image"> <a href="#">Link</a> </div><div style="align-items: center;justify-content: center"> <img src="image.jpg" alt="Image"> <a href="#">Link</a> </div>
```
4. Используя grid:
```html
<div style="grid-template-columns: auto auto"> <img src="image.jpg" alt="Image"> <a href="#">Link</a> </div><div style="grid-template-columns: auto auto"> <img src="image.jpg" alt="Image"> <a href="#">Link</a> </div>
```
Выберите подходящий способ в зависимости от вашего дизайна и требований к позиционированию элементов. Не забудьте также настроить размеры и отступы элементов для получения желаемого визуального эффекта.