Форум русской поддержки Joomla!® CMS
05.12.2016, 02:28:40 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 241 раз)
0 Пользователей и 1 Гость смотрят эту тему.
BestorWeb
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 5


« : 05.03.2016, 12:00:44 »

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

Репутация: +32/-0
Offline Offline

Пол: Мужской
Сообщений: 394


« Ответ #1 : 05.03.2016, 12:07:33 »

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

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

Записан
BestorWeb
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 5


« Ответ #2 : 05.03.2016, 13:01:33 »

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


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

Репутация: +32/-0
Offline Offline

Пол: Мужской
Сообщений: 394


« Ответ #3 : 05.03.2016, 13:16:49 »

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

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

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

сделай вот так...
Код
margin: 0 15px;
Записан
BestorWeb
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 5


« Ответ #4 : 05.03.2016, 14:26:49 »

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

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

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #5 : 09.03.2016, 16:12:12 »

Не очень понял, что нужно сделать. Если речь о вертикальном центрировании, то так: margin: auto. Если о горизонтальном, то там сложнее делается. Нужна фиксированная высота контейнера.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet