Новости Joomla

JL Like 5.3.0 — Новые настройки и поддержка Threads и Reddit

JL Like 5.3.0 — Новые настройки и поддержка Threads и Reddit

Представляем обновление плагина социальных кнопок для Joomla с расширенными возможностями настройки внешнего вида и управления!

👩‍💻 Модуль "Бегущая строка" для Joomla.

👩‍💻 Модуль "Бегущая строка" для Joomla.

Выводит текстовые элементы в виде бесконечной бегущей строки. 
Есть настройки скорости прокручивания и отступов между элементами. Элементам можно изменять порядок вывода.

- Модуль тестировался на Joomla версий 4, 5 и 6.
- Основан на css анимации с использованием js

Разработчик - участник нашего сообщества Дмитрий Денисов (@codersite).

Страница расширения

@joomlafeed

Вышел релиз YOOtheme Pro 5

YOOtheme Pro 5

После долгой работы и масштабного рефакторинга команда YOOtheme представила новый релиз своего популярного конструктора страниц Yootheme Pro.

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

doowit

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Вопрос по ширине новых позиций
« : 04.04.2011, 15:30:45 »
Помогите пожалуйста с CSS. Хочу вставить три новых позиций:
Как можно сделать чтобы все три позиции распределялись равномерно по ширине шаблона. Получается как на рисуке, третья позиция не доходит до края.


Использую один класс для трех позиций:

             margin-right: 3px;
   margin-bottom: 3px;
   overflow:hidden;
   width:32%;
   border: 1px solid #E7E8E6;
   float: left;

Подскажите как сделать правильно?
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Вопрос по ширине новых позиций
« Ответ #1 : 04.04.2011, 15:36:49 »
заверните все три в див и ему пропишите
Код
margin: 0 auto;
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

doowit

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: Вопрос по ширине новых позиций
« Ответ #2 : 04.04.2011, 15:59:12 »
Цитата: dynamit от 04.04.2011, 15:36:49
заверните все три в див и ему пропишите
Код
margin: 0 auto;

Я правильно сделал?
Код
<div id="now-1">
<jdoc:include type="modules" name="now" />
</div>

<div id="now-1">
<jdoc:include type="modules" name="now1" />
</div>

<div id="now-1">
<jdoc:include type="modules" name="now2" />
</div>

css получился так:
Код
#now-1 {
margin: 0 auto;
overflow:hidden;
width:32%;
border: 1px solid #E7E8E6;
float: left;

В итоге пропали отступы между позициями, а в ширину так и остались.
Записан
*

asomnia

  • Захожу иногда
  • 183
  • 12 / 0
Re: Вопрос по ширине новых позиций
« Ответ #3 : 04.04.2011, 16:04:30 »
Цитата: doowit от 04.04.2011, 15:59:12
Я правильно сделал?


нет, читайте внимательней
нужно завернуть все ваши <div id="now-1"> в общий див и ему поставить margin: 0 auto;
Цитата: doowit от 04.04.2011, 15:59:12
В итоге пропали отступы между позициями, а в ширину так и остались.

конечно, вы ж обнулили свои св-ва
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Вопрос по ширине новых позиций
« Ответ #4 : 04.04.2011, 16:09:37 »
asomnia, все правильно, это я сначала так написал. потом исправил.   :'(
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

asomnia

  • Захожу иногда
  • 183
  • 12 / 0
Re: Вопрос по ширине новых позиций
« Ответ #5 : 04.04.2011, 16:14:44 »
Цитата: dynamit от 04.04.2011, 16:09:37
asomnia, все правильно, это я сначала так написал. потом исправил.   :'(
а..тогда просим прощения у автора
Записан
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Вопрос по ширине новых позиций
« Ответ #6 : 04.04.2011, 16:22:28 »
Код
<div class="now-1">
<jdoc:include type="modules" name="now" />
</div>

<div class="now-1">
<jdoc:include type="modules" name="now1" />
</div>

<div class="now-1">
<jdoc:include type="modules" name="now2" />
</div>
Код
.now-1 {
margin: 0 auto;
overflow:hidden;
width:32%;
border: 1px solid #E7E8E6;
float: left;
Более валидно :)
Записан
*

sergik74

  • Захожу иногда
  • 178
  • 26 / 8
Re: Вопрос по ширине новых позиций
« Ответ #7 : 04.04.2011, 16:46:52 »
фигню я тут написал

ладно напишу опять

Когда то делал для модулей вот такой ксской

#wrapper {
    width: 800px;
    height:60px;
    background:#EFEFEF;
}
.section {
    border:solid 1px #999;
    float:left;
    height:58px;
    margin-left:10px;
    width: 250px;
}
#wrapper div:first-child {
margin-left:0px auto;
}

« Последнее редактирование: 04.04.2011, 19:54:17 от sergik74 »
Записан
Разработка сайтов на Joomla.
http://markina-dariya.ru
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вопрос по шаблону rockettheme crystalline

Автор Hasanislam

 Ответов: 4
Просмотров: 3096 		Последний ответ 10.09.2011, 14:18:49
от AllT
Путешествие позиций

Автор Berserk

 Ответов: 3
Просмотров: 1938 		Последний ответ 29.08.2011, 19:07:00
от effrit
Прошу подсказать по ширине и положению шаблона

Автор Weeds

 Ответов: 3
Просмотров: 1764 		Последний ответ 03.07.2011, 10:30:43
от Weeds
JA_Purity вопрос по меню

Автор reg-ad-site

 Ответов: 4
Просмотров: 2716 		Последний ответ 31.05.2011, 21:18:46
от reg-ad-site
Вопрос по шаблону sunshine

Автор kostik_k

 Ответов: 2
Просмотров: 2513 		Последний ответ 20.05.2011, 22:34:12
от freezen