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

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

Изменение позиции, сдвиг изображения в нужное место

 (Прочитано 505 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Mkot232
Осваиваюсь на форуме
***

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

Сообщений: 30


« : 05.05.2015, 02:09:35 »

Всем привет! Прошу помочь решить мне одну так сказать для меня проблему. Сразу предупреждаю если что за тупой вопрос и так далее так как в создание сайта я не силен.
 Задача такая, необходимо сделать на одной горизонтальной позиции  слайдер и справа него ну там через небольшой отступ идет изображение.
 И напишу как я сделал. С помощью модуля создал опубликовал слайдер на нужной мне странице в нужной позиции, и изменил ширину слайдера и  переместил его налево на несколько пикселей чтобы справа от него специально осталось место для картинки. Потом с помощью админки Joomla создал новый модуль (тип HTML код) ну там вставил картинку и так-же опубликовал все это дело на нужной мне странице в ту=же позицию где слайдер.  Картинка по размеру должна туда поместиться. Но появилась на сайте сразу внизу этого слайдера в левом краю. И вот не знаю как можно эту картинку переместить на нужное мне место справа этого слайдера... Это все так сказать тестовая страница, любая картинка мне лишь бы узнать как это возможно сделать.
 Адрес сайта со всем этим:  luckgold.ru/testt/
и вот скрин -


И вообще вот когда я в админке Joomla создаю новый материал, если я там вставляю какое либо изображение, то какого размера это изображение то и справа эта мигающая линия так--же увеличивается по размеру по высоте, и вот например текст можно печатать только в одну строку в самом низу, т.е. нельзя так сделать что бы напечатать текст несколько предложений  справа изображения, только выходит 1 строка... вот скриншот:     


думаю что это то-же как то связано с предыдущей проблемой моей так сказать, извиняюсь если что, кто может подскажите пожалуйста как можно переместить изображение справа от слайдера  на 1 скрине... Заранее очень благодарен.
Записан
SeBun
Практически профи
*******

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

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



« Ответ #1 : 05.05.2015, 11:36:56 »

Я не вижу скринов, так как картинки у меня блокируются. Поэтому могу ошибаться. Обе ваши проблемы исходят от CSS. Именно в стилях задаются настройки отображения страниц. По первой проблемме - обычно в одной модульной позиции размещают один модуль. Вы пытаетесь туда засунуть два. Естественно, их расположение зависит от шаблона, от настроек DIV-ов в CSS. Почему вы не хотите использовать один модуль, в котором будет выводится свой HTML (ваш модуль и картинка) либо использовать две модульные позиции шаблона?

По поводу размещения текста - опять же, это спецификация шаблона. Обычно картинке присваивается дополнительный аттрибут, например
Код:
class="img-left"
Такой класс используется в шаблонах на Bootstrap. Посмотрите демки по вашему шаблону, либо посетите сайт изготовителя шаблона, там все расписано про стилевое оформление.
Записан
darkghost
Практически профи
*******

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

Сообщений: 1809



« Ответ #2 : 05.05.2015, 17:32:25 »

интересно получается, но кто-то неправильно подсчитал
Ширина основного окна
Код:
.grid10 {
    width: 800px; ----- вот она
}
Ширина картинки слайдера ----> width: 577px; и самой картинки справа (под низом) --> width: 400px; = 977 px
Естественно будет искажаться. Как бы я сделал
--- в позицию в которой находится слайдер --- устанавливаю модуль для PHP кода
--- слайдер размещаю в произвольной позиции -слайдер- , например
--- в модуле PHP кода прописываю (как-то так)
Код:
<div style="float:left; margin-right:10px; width: 550px;">
с помощью PHP беру модуль (слайдер) с позиции -слайдер- </div>
<div style="float:left; width: 240px;"> ссылка на картинку </div>
« Последнее редактирование: 05.05.2015, 19:52:49 от darkghost » Записан
Страниц: [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