Новости Joomla

NorrCompetition 3.0 — новые возможности компонента конкурсов и голосований для Joomla 6

Релиз NorrCompetition 3.0 — крупное обновление расширения для проведения конкурсов и голосований в Joomla.

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

Релиз безопасности Joomla 6.1.1 и Joomla 5.4.6

Проект Joomla! рад сообщить о выходе Joomla 6.1.1 и Joomla 5.4.6. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

В открытый доступ выложен видео-курс Дмитрия Гончарова по созданию интернет-магазина на связке Joomla + JoomShopping. Видеоуроки содержат пошаговые инструкции от регистрации хостинга до особенностей вёрстки, настройки способов оплаты и доставки.

В видео фигурирует JoomShopping 4 и Joomla 3, однако JoomShopping довольно консервативный компонент и многие способы и подходы в нём не менялись годами, поэтому данные видео могут быть по прежнему полезны.

Смотреть видео-курс

@joomlafeed

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

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Слетает блок на маленьких мониторах
« : 11.02.2015, 15:42:18 »
Слетает блок с телефонами на маленьких мониторах
_http://www.calc-book.lik-material.kz/index.php/ru/_
подскажите что не так где подправить
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Слетает блок на маленьких мониторах
« Ответ #1 : 11.02.2015, 15:46:05 »
Нужно убрать у блоков header_pozition1 и header_pozition2 абсолютное позиционирование и, тем более, гигантские отрицательные отступы. Затем разнести их по-сторонам с помощью float или display:inline-block.
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Слетает блок на маленьких мониторах
« Ответ #2 : 11.02.2015, 15:48:02 »
Требуется переверстать #header_pozition2, абсолютное позиционирование там не к месту, посмотрите в сторону float:right;

Shustry ну чуть-чуть меня опередил =)
Записан
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #3 : 11.02.2015, 15:55:14 »
вот часть которая отвечает за шапку сайта
Код
#header { height:130px; width: 1200px; background: #fff url(../images/header.png) no-repeat;}
/*  #header_pozition1{position: absolute; width: auto; height: auto;  top: 60px; left: 600px} */
.logoheader {height: 130px; width: 1200px;}
#header_pozition1{position: absolute; margin-bottom:;margin-left:250px;margin-right:;margin-top:60px;}
#header_pozition1 p {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #1F5831; line-height: 1.2}
#header_pozition2 {position: absolute; margin-bottom:;margin-left:882px;margin-right:;margin-top:45px}
#header_pozition2 p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #606060; line-height: 1.2; text-align: right}
.searsh-header-plg {float: right; height:27px; width:300px; margin-bottom:;margin-left:;margin-right:0px;margin-top:17px; }
и если убираю position: absolute;  то все слетает
Записан
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #4 : 11.02.2015, 17:13:34 »
Гигантские отступы и позиционирование вносят свою лепту - это верно подмечено. Если нет особого желание менять верстку, можно попробовать с помощью модуля (флекси, например) в
Код
<div id="header_pozition1">
<div class="1">Полиграфия ...</div>
<div class="2"> Телефон ... </div>
</div>
И уже в CSS прописывая классам 1 и 2 свойства решить эту проблему. А вдруг!
Или же
Цитата: AlekVolsk от 11.02.2015, 15:48:02
Требуется переверстать #header_pozition2, абсолютное позиционирование там не к месту, посмотрите в сторону float:right
как выглядит сайт на моб.приложениях и что править? Есть спец.сервисы + FireBug
 
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Слетает блок на маленьких мониторах
« Ответ #5 : 11.02.2015, 17:41:20 »
Имхо, тут скорее нежелание думать головой и ожидание "выньте и положте на блюдечке готовое решение, да побыстрее".
Записан
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #6 : 12.02.2015, 08:10:23 »
Сверстал так
Код
#header { height:130px; width: 1200px; background: #fff url(../images/header.png) no-repeat;}

#header_pozition1{float:left; display:inline-block; width:auto; height:25px; margin: 65px 0 0 250px;}
#header_pozition1 p {font-family: Arial, sans-serif; font-size: 22px; color: #1F5831;margin: 0; white-space: nowrap;}

#header_pozition2 {display:inline-block; width:300px; height:65px; margin: 45px 0 0 280px;}
#header_pozition2 p {font-family: Arial,sans-serif; font-size: 12px; text-align: right; color: #606060; margin: 0; white-space: nowrap;}

пока только текст на старом мониторе попробовал вроде тест не летит
Записан
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #7 : 12.02.2015, 08:26:19 »
Пробую на мобильных устройствах #header_pozition1 на месте а #header_pozition2 летит
что можно сделать чтоб #header_pozition2 тоже оставалась на месте
также #header_pozition2 летит в мазиле
Записан
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #8 : 12.02.2015, 08:58:00 »
сделал таким образом
Код
#header { height:130px; width: 1200px; background: #fff url(../images/header.png) no-repeat;}

.header_pozition1{float:left; display:inline-block; width:auto; height:25px; margin: 65px 0 0 250px;}
.header_pozition1 p {font-family: Arial, sans-serif; font-size: 22px; color: #1F5831;margin: 0; white-space: nowrap;}

.header_pozition2 {float: right; display:inline-block; width:300px; height:65px; margin:0}
.header_pozition2 p {font-family: Arial,sans-serif; font-size: 12px; text-align: right; color: #606060; margin: 0; white-space: nowrap;}


в мобильных все нормально но в мазиле все летит 
Записан
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #9 : 12.02.2015, 12:42:11 »
Записан
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #10 : 12.02.2015, 13:21:06 »
position: relative; также не дает результата
Спойлер
[свернуть]
Записан
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #11 : 12.02.2015, 13:32:50 »
ставлю по нулям  margin в мазиле начинает выравниваться
но если я уберу margin то как выравнивать мои позиции
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[Решено] Слетает правый сайдбар на шаблоне protostar

Автор Mick_20

 Ответов: 4
Просмотров: 3287 		Последний ответ 28.05.2020, 15:45:06
от Muzzy
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

 Ответов: 8
Просмотров: 13566 		Последний ответ 04.04.2020, 13:49:11
от jan_dax
Исчезает блок с видео

Автор diana1975

 Ответов: 14
Просмотров: 2349 		Последний ответ 11.12.2019, 10:29:55
от sivers
На iPad в Safari блок вылезает за края [Решено]

Автор dm-krv

 Ответов: 10
Просмотров: 2549 		Последний ответ 11.08.2018, 19:42:53
от dm-krv
Свойство letter-spacing по-разному отображается на разных мониторах

Автор V@lentin

 Ответов: 1
Просмотров: 1780 		Последний ответ 19.07.2018, 20:53:29
от Zelyonkin