Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping.

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

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

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
Просмотров: 2386 		Последний ответ 28.05.2020, 15:45:06
от Muzzy
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

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

Автор diana1975

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

Автор dm-krv

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

Автор V@lentin

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