0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 1384 Просмотров
*

BestorWeb

  • Новичок
  • 4
  • 0 / 0
Здравствуйте, Уважаемые форумчане!
Пишу вам с просьбой помочь мне с "Позиционированием" картинки от края сайта до края.
Как собственно это можно реализовать на CSS?
Как пример приведу страничку: http://www.radiorecord.ru/radio/charts/ - Картинка с человеком, вот такую же реализацию требуется сделать.
Буду признателен за любой ответ!  ^-^
*

NewUsers

  • Живу я здесь
  • 2307
  • 214 / 0
  • +375 (25) 627-16-99 (WhatsApp, Telegram)
Как пример приведу страничку: http://www.radiorecord.ru/radio/charts/ - Картинка с человеком, вот такую же реализацию требуется сделать.

Привет.
Там ничего сложного нет. Как видно на картинке все дело в самой картинке ( она то и используется как фон ), и используя CSS определяют положение элементов <span></span> которые содержат - #425 и 27.02.2016
Если тебе надо точная копия вывода, то возьми пример с этого сайта...

Спойлер
[свернуть]
Занимаюсь создание расширений для Joomla 3.10.x и 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
Работа с DOM деревом на PHP
*

BestorWeb

  • Новичок
  • 4
  • 0 / 0
Привет.
Там ничего сложного нет. Как видно на картинке все дело в самой картинке ( она то и используется как фон ), и используя CSS определяют положение элементов <span></span> которые содержат - #425 и 27.02.2016
Если тебе надо точная копия вывода, то возьми пример с этого сайта...

Спойлер
[свернуть]

Просто огромное спасибо за ваш ответ.
Подскажите пожалуйста, а обычную картинку в материале можно ли сделать подобным образом, без background?
http://sky-records.ru/snews/16 - страничка с картинкой, где требуется реализация.
Пробовал добавить к картинке     margin-left: 15px; - получается что она фиксируется только с одного края.
*

NewUsers

  • Живу я здесь
  • 2307
  • 214 / 0
  • +375 (25) 627-16-99 (WhatsApp, Telegram)
Подскажите пожалуйста, а обычную картинку в материале можно ли сделать подобным образом, без background?

можно, там же используется класс для блока, в нем и указан фон-картинка...

Пробовал добавить к картинке     margin-left: 15px; - получается что она фиксируется только с одного края.

сделай вот так...
Код: css
margin: 0 15px;
Занимаюсь создание расширений для Joomla 3.10.x и 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
Работа с DOM деревом на PHP
*

BestorWeb

  • Новичок
  • 4
  • 0 / 0
можно, там же используется класс для блока, в нем и указан фон-картинка...

сделай вот так...
Код: css
margin: 0 15px;
Хорошо, попробую с блоком, т.к "margin: 0 15px;" фиксируется замечательно, но опять же только по одной стороне.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Не очень понял, что нужно сделать. Если речь о вертикальном центрировании, то так: margin: auto. Если о горизонтальном, то там сложнее делается. Нужна фиксированная высота контейнера.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Позиционирование модуля

Автор Frost_

Ответов: 4
Просмотров: 1263
Последний ответ 25.01.2023, 11:36:57
от Frost_
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 814
Последний ответ 11.12.2020, 21:15:57
от effrit
Элемент flexbox выходит за края родителя [РЕШЕНО]

Автор dm-krv

Ответов: 3
Просмотров: 8358
Последний ответ 05.04.2019, 16:07:44
от dm-krv
На iPad в Safari блок вылезает за края [Решено]

Автор dm-krv

Ответов: 10
Просмотров: 1629
Последний ответ 11.08.2018, 19:42:53
от dm-krv
Увиличение картинки при наведении

Автор vova630

Ответов: 0
Просмотров: 870
Последний ответ 25.03.2018, 02:45:33
от vova630