Позиционирование картинки от края до края

  • 5 Ответов
  • 369 Просмотров

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

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

*

NewUsers

Как пример приведу страничку: http://www.radiorecord.ru/radio/charts/ - Картинка с человеком, вот такую же реализацию требуется сделать.

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

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

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

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

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

*

NewUsers

Подскажите пожалуйста, а обычную картинку в материале можно ли сделать подобным образом, без background?

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

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

сделай вот так...
Код: css
margin: 0 15px;

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

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

*

Shustry

  • *****
  • 6426
  • [+]736 / [-]3
  • Рисую дизайны
Не очень понял, что нужно сделать. Если речь о вертикальном центрировании, то так: margin: auto. Если о горизонтальном, то там сложнее делается. Нужна фиксированная высота контейнера.
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!