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

DM-Z777

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

FitMe

  • Давно я тут
  • 305
  • 9
Re: Изменить расстояние между блоками
« Ответ #1 : 14.11.2016, 02:17:00 »
в стилях
#top убрать     width: 450px;

далее убрать

#leftbar-w {
    width: 220px;
}

далее убрать

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

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

DM-Z777

  • Захожу иногда
  • 15
  • 0
Re: Изменить расстояние между блоками
« Ответ #2 : 14.11.2016, 23:07:12 »
Все выровнялось, спасибо! но теперь левые и правые блоки слишком длинные, а центральная часть короткая)) Если указывать размер leftbar-w и rightbar-w блоки сужаются, но образуется белое пространство в конце сайта.
 !Я так понимаю, что нужно указать размер центральной части, как это сделать?

*

FitMe

  • Давно я тут
  • 305
  • 9
Re: Изменить расстояние между блоками
« Ответ #3 : 15.11.2016, 00:02:34 »
У вас указан размер в процентах, вот и укажите их в процентах, только сделайте это таким образом, что бы боковые уменьшились, а свободное пространство было отдано именно центральной части и в сумме 100%.
Так то что вы указывали укажите в процентах попробуйте.
*

vipiusss

  • Профи
  • 5649
  • 324
  • Круглая ава-зло!
Re: Изменить расстояние между блоками
« Ответ #4 : 15.11.2016, 00:32:57 »
Насколько я помню и докажу, из практики, в em указывать надо, для адаптивности.
Но если у вас изначально в пикселях, тогда там меняйте.

Про em=гугл+почитайте адаптивность и как реагируют пиксели.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

SmiP

  • Давно я тут
  • 230
  • 32
Re: Изменить расстояние между блоками
« Ответ #5 : 15.11.2016, 00: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

  • Давно я тут
  • 305
  • 9
Re: Изменить расстояние между блоками
« Ответ #6 : 15.11.2016, 02:45:36 »
У Вас же Bootstrap
Странно, почему мы так не ответили)))
Порой имея банальные задачи, и все мы ищем как бы это усложнить)


*

DM-Z777

  • Захожу иногда
  • 15
  • 0
Re: Изменить расстояние между блоками
« Ответ #7 : 15.11.2016, 22:00:55 »
Многие ответы близки к развязки проблемы, все же вопрос остается открытым... При указании параметра leftbar-w и rightbar-w, независимо в пикселях или в процентах, боковые поля становятся короче, но образуется белое пространство с боку сайта...
Необходимо убрать белую полосу с правой стороны сайта, при этом не растягивать боковые блоки до безобразия)) Прошу помощи)?
*

Serg_

  • Осваиваюсь на форуме
  • 175
  • 23
  • Skype: smile_bot (Запорожье)
Re: Изменить расстояние между блоками
« Ответ #8 : 15.11.2016, 22: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

  • Захожу иногда
  • 15
  • 0
Re: Изменить расстояние между блоками
« Ответ #9 : 15.11.2016, 22:47:49 »
Serg_ Убрал, но теперь левые и правые колонки слишком растянулись... их необходимо сжать, а центр за счет этого увеличить)
*

FitMe

  • Давно я тут
  • 305
  • 9
Re: Изменить расстояние между блоками
« Ответ #10 : 15.11.2016, 22:54:42 »
В шаблоне боковым смените класс с span3 на span2 а контентной части дайте span8 место ее span6
*

DM-Z777

  • Захожу иногда
  • 15
  • 0
Re: Изменить расстояние между блоками
« Ответ #11 : 15.11.2016, 23:44:25 »
значение span3 снизил с 23,,, до 19,,, боковые колонки укоротились. Но когда до span6 добавляю проценты что бы расширить центр, получается каша)
Не как не могу убрать белую полосу с боку сайта))
*

FitMe

  • Давно я тут
  • 305
  • 9
Re: Изменить расстояние между блоками
« Ответ #12 : 16.11.2016, 02:01:29 »
Так каша выйдет так как вы смотрите на центр к оторому применен span6 класс, а он же еще в шапке, и по этому каша...
В шаблоне дайте классы боковым span2 и span8 средней.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменить позицию заголовка

Автор skytype

Ответов: 11
Просмотров: 154
Последний ответ 13.08.2017, 15:45:26
от skytype
Helix 3 - Как изменить цвет шрифта основного текста

Автор lesovik

Ответов: 10
Просмотров: 413
Последний ответ 01.07.2017, 21:16:19
от lesovik
возможно ли изменить h2 на h1 в шаблоне?

Автор azamat_s93

Ответов: 2
Просмотров: 99
Последний ответ 17.06.2017, 10:30:15
от wishlight
Как изменить ширину позиции в шаблоне?

Автор Se

Ответов: 12
Просмотров: 487
Последний ответ 13.06.2017, 16:01:04
от skytype
Увеличить расстояние между пунктами меню

Автор ownell

Ответов: 2
Просмотров: 165
Последний ответ 24.04.2017, 11:10:44
от ownell