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

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

Изменить расстояние между блоками

 (Прочитано 145 раз)
0 Пользователей и 1 Гость смотрят эту тему.
DM-Z777
Захожу иногда
**

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

Сообщений: 15


« : 14.11.2016, 01:26:23 »

Центральная часть сайта находится ближе к левому блоку (Фильтры для воды) а от правого отдалена заметно дальше, как поставить по центру?
http://nice-planet.com/
Записан
FitMe
Давно я тут
****

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

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



« Ответ #1 : 14.11.2016, 03:17:00 »

в стилях
#top убрать     width: 450px;

далее убрать

#leftbar-w {
    width: 220px;
}

далее убрать

#rightbar-w {
    float: right;
    width: 220px;
}

И вроде уже лучше смотрится.
Огурцы отдельно, молоко отдельно... или в процентах или в пикселях.
Записан
DM-Z777
Захожу иногда
**

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

Сообщений: 15


« Ответ #2 : 15.11.2016, 00:07:12 »

Все выровнялось, спасибо! но теперь левые и правые блоки слишком длинные, а центральная часть короткая)) Если указывать размер leftbar-w и rightbar-w блоки сужаются, но образуется белое пространство в конце сайта.
 !Я так понимаю, что нужно указать размер центральной части, как это сделать?

Записан
FitMe
Давно я тут
****

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

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



« Ответ #3 : 15.11.2016, 01:02:34 »

У вас указан размер в процентах, вот и укажите их в процентах, только сделайте это таким образом, что бы боковые уменьшились, а свободное пространство было отдано именно центральной части и в сумме 100%.
Так то что вы указывали укажите в процентах попробуйте.
Записан
vipiusss
Профи
********

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

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


Skype: renor_


« Ответ #4 : 15.11.2016, 01:32:57 »

Насколько я помню и докажу, из практики, в em указывать надо, для адаптивности.
Но если у вас изначально в пикселях, тогда там меняйте.

Про em=гугл+почитайте адаптивность и как реагируют пиксели.
Записан
SmiP
Давно я тут
****

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

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


« Ответ #5 : 15.11.2016, 01:51:49 »

У Вас же Bootstrap

<div id="comp" class="span6"> на <div id="comp" class="span8">

div id="leftbar-w" class="span3"> на div id="leftbar-w" class="span2">
#leftbar-w {
    width: 20%;
}

<div id="rightbar-w" class="span3"> на <div id="rightbar-w" class="span2">
#rightbar-w {
    width: 20%;
    margin-top: 40px;
}
Записан
FitMe
Давно я тут
****

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

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



« Ответ #6 : 15.11.2016, 03:45:36 »

У Вас же Bootstrap
Странно, почему мы так не ответили)))
Порой имея банальные задачи, и все мы ищем как бы это усложнить)


Записан
DM-Z777
Захожу иногда
**

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

Сообщений: 15


« Ответ #7 : 15.11.2016, 23:00:55 »

Многие ответы близки к развязки проблемы, все же вопрос остается открытым... При указании параметра leftbar-w и rightbar-w, независимо в пикселях или в процентах, боковые поля становятся короче, но образуется белое пространство с боку сайта...
Необходимо убрать белую полосу с правой стороны сайта, при этом не растягивать боковые блоки до безобразия)) Прошу помощи)?
Записан
Serg_
Осваиваюсь на форуме
***

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

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


« Ответ #8 : 15.11.2016, 23:20:34 »

ну почитайте немного про бутстрап и CSS
вся ширина = 100%
левая и правая колонки у вас имеет класс span3, центральная - класс span6
ширина класса span3=~23%, ширина класса span6=~49%
а вы для #leftbar-w и #rightbar-w прибиваете её на 20%
Естественно, что 20%+49%+20%=89%, а не 100%
Так появляется белая полоса справа.
Уберите для #leftbar-w и #rightbar-w ширину 20%
Записан
DM-Z777
Захожу иногда
**

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

Сообщений: 15


« Ответ #9 : 15.11.2016, 23:47:49 »

Serg_ Убрал, но теперь левые и правые колонки слишком растянулись... их необходимо сжать, а центр за счет этого увеличить)
Записан
FitMe
Давно я тут
****

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

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



« Ответ #10 : 15.11.2016, 23:54:42 »

В шаблоне боковым смените класс с span3 на span2 а контентной части дайте span8 место ее span6
Записан
DM-Z777
Захожу иногда
**

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

Сообщений: 15


« Ответ #11 : 16.11.2016, 00:44:25 »

значение span3 снизил с 23,,, до 19,,, боковые колонки укоротились. Но когда до span6 добавляю проценты что бы расширить центр, получается каша)
Не как не могу убрать белую полосу с боку сайта))
Записан
FitMe
Давно я тут
****

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

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



« Ответ #12 : 16.11.2016, 03:01:29 »

Так каша выйдет так как вы смотрите на центр к оторому применен span6 класс, а он же еще в шапке, и по этому каша...
В шаблоне дайте классы боковым span2 и span8 средней.
Записан
Страниц: [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