Форум программистов, компьютерный форум, киберфорум
WordPress
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.88/8: Рейтинг темы: голосов - 8, средняя оценка - 4.88
3 / 3 / 0
Регистрация: 12.12.2010
Сообщений: 35
1

Хочу выровнять блок по центру, но не могу понять, где делаю ошибку

02.04.2017, 15:34. Показов 1673. Ответов 7
Метки нет (Все метки)

Создаю галерею через justified image grid, она уползает по умолчанию на лево. Внутри плагина нет настроек по центрированию, через кастомный класс пытался прописать text-aligin: center; в css, через внешний вид-редактирование, но что текст что итем элижн игнорится. Пытался разными способами в этом же файле реализовать центрирование, ничего не помогало. Margin 25% идеально работает на больших разрешениях, но на маленьких, особенно на телефонах - всё сплющивается (может как-то можно его отрубить на маленьких экранах, дайте ссылку где почитать).
Сейчас пытался реализовать всё дело через способ студии артемия лебедева: https://www.artlebedev.ru/tool... gn-center/

Но воз и ныне там (слева ровняется). Я в отчаянии. Код, который наизменял в css прилагаю:
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
body {width:100%; margin:0 auto; 
    padding: 0;
    border: 0;
    font-size: 100%;}
 
.column1
{
position: relative;
width: 100%;
}
 
.column1:after
{
content: '';
display: block;
clear: both;
}
 
.column2
{
position: relative;
right: 50%;
float: right;
}
 
.justim
{
position: relative;
z-index: 1;
right: -50%;
}
http://www.tomassigroup.com - здесь под слайдером эта галлерея. Каждый ряд - отдельная галерея, всем трём присвоен кастомный класс justim (проверял - на margin и width выставленный на этот класс галлереи реагируют). В виде костылей в самой страничке были созданы две колонки(посредством шорткода) вложенные одна в другую, и внутри этого всего шорткоды галлерей.

Не знаю, может поможет скриншот самой стрницы (выделил все элементы для удобства чтения).

з.ы. - в вёрстке я полный рак, если я не там изменял (нужно было лезть в другой файл), можете хотя бы указать как этот файл обычно называется в шаблонах wordpress. Понимаю что не обязательно он будет называться именно так как вы скажете, но всё-же хоть какой-то ориентир. Заранее, благодарю!
0
Миниатюры
Хочу выровнять блок по центру, но не могу понять, где делаю ошибку  
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
02.04.2017, 15:34
Ответы с готовыми решениями:

Где ошибка. Не могу выровнять по центру
Есть следующий скрипт, затемнения экрана при клике. При нажатии на картинку, она появляется не в...

Хочу начать делать приложения не в консоли, но никак не могу понять, где найти WinForms Application
Что то нужно установить может?

Выровнять блок по центру
Всем привет. Создаю блок, и хочу чтобы он отображался ровно по центру страницы. Вот как я делаю: ...

выровнять блок по центру
как выровнять блок по центру страницы, если он больше её ширины? есть ли способы кроме абсолютного...

__________________
7
3 / 3 / 0
Регистрация: 12.12.2010
Сообщений: 35
02.04.2017, 15:43  [ТС] 2
На всякий случай
0
Миниатюры
Хочу выровнять блок по центру, но не могу понять, где делаю ошибку  
3 / 3 / 0
Регистрация: 12.12.2010
Сообщений: 35
02.04.2017, 16:07  [ТС] 3
на всякий случай [2]
0
Миниатюры
Хочу выровнять блок по центру, но не могу понять, где делаю ошибку  
3 / 3 / 0
Регистрация: 12.12.2010
Сообщений: 35
02.04.2017, 16:59  [ТС] 4
обвёл блоки линиями на сайте, как у Артемия Лебедева по ссылке, колонка 1 - красным, колонка 2 - зелёным, саму галлерею - синим. И внезапно выяснилось, что она становится по центру, как и говорится в примере. Вот только... не этого я хотел. Она начинается в центре, и идёт направо, а нужно чтобы её центр был в центре, а не её левый край начинался в центре.... это вообще реально в этой вселенной? бтв, 23 просмотра, неужели выравнивание настолько тяжёлая задача? я думал это тривиально.

Может быть я что-то не так написал? есть причина по которой никто не хочет отвечать? Будьте добры, озвучьте.
0
3 / 3 / 0
Регистрация: 12.12.2010
Сообщений: 35
02.04.2017, 17:04  [ТС] 5
да почему на этом форуме нельзя вставлять изображения при редактировании своего прошлого сообщения....
0
Миниатюры
Хочу выровнять блок по центру, но не могу понять, где делаю ошибку  
3 / 3 / 0
Регистрация: 12.12.2010
Сообщений: 35
02.04.2017, 18:44  [ТС] 6
убрал всё лишнее с главной, теперь смотрите здесь: http://www.tomassigroup.com/test/
0
dev - investigator
Эксперт JSЭксперт HTML/CSS
2129 / 1475 / 648
Регистрация: 16.04.2016
Сообщений: 3,689
02.04.2017, 23:28 7
Лучший ответ Сообщение было отмечено snaiper04ek как решение

Решение

snaiper04ek, найдите в каком из файлов стилей находится правило
CSS
1
2
3
4
#jig2{
margin: 3px 15px;
min-height: 0px;
}
нужно удалить из него первую строку
CSS
1
2
3
#jig2{
min-height: 0px;
}
Добавлено через 1 минуту
snaiper04ek, блииин. Пока я писал вы уже наворотили.
1
3 / 3 / 0
Регистрация: 12.12.2010
Сообщений: 35
03.04.2017, 01:18  [ТС] 8
А как же ещё, всего-то пару дней ебвозни, и вуаля!
2 колонки не нужны были, решил так: задал колонку с НЕ 100%-й шириной с выравниванием по центру. Использую Shortcodes Ultimate, колонка создана таким шорткодом: [su_column size="99/100" center="yes"]сюда вставлять ваш контент[/su_column]


Всё гениальное просто.

В любом случае, благодарю за помощь!

(тему можно закрывать)
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
03.04.2017, 01:18

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Выровнять блок по центру
Добрый вечер,уважаемые программисты) Как на этом сайте uslugi34.ru блок на котором отображается...

Как выровнять 1 блок по центру
Есть код <div class="head-content"> <div class="left-top"> <h1>Lorem ipsum dolor...

Как выровнять по центру блок
Здравствуйте! Подскажите пожалуйста как можно выровнять блок по центру? Применяла margin:0 auto но...

Выровнять блок div по центру
есть вот такой вот файл css *{ margin:0; padding:0; } body { background-image:...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.