2015-07-18 2 views
1

я использовал часть WordPress тема другого разработчика, и теперь этот контент слайдер с плавающей к началуЦентрирование DIV с изображением в слайдер

Я хочу центрирования содержимого по вертикали и по горизонтали с прокладкой всех сторон padding:100px;

Кто-то может посетить мой сайт и помочь с центрированием этого блока? Это URL моего mywebsite, пожалуйста, поделитесь некоторыми знаниями и надейтесь, что я разрешу эту проблему.

+2

Пожалуйста, пост определенные части кода здесь, вместо того, чтобы ссылки на ваш сайт. –

+0

Я действительно не знаю, какой код включить в сообщение, есть 5 блоков div выше img, для тех, кто знает css, хорошо, всего лишь 1 минута, чтобы понять, что происходит, но, возможно, этот css первого div поможет ... '.solofolio-cyclereact -wrap { позиция: абсолютная; overflow-x: visible; overflow-y: visible; верх: 0; нижний: 0; Слева: 0; Право: 0; } ' –

ответ

0

Я просмотрел ваш код (спасибо богу за Inspect Element в Google Chrome!), И кажется, что у вас есть заголовок внутри тела кода, попробуйте переместить заголовок страницы над телом в свой html. Я нашел, что это работает для меня в некоторых случаях.

Также в следующий раз попробуйте добавить код, относящиеся к вопросу к вашему ОП, поможет получить быстрее и лучше ответы

EDIT: Вы можете расположить его в центре по горизонтали, меняя левую и правую теги в CSS:

.//div class here { 
    left: 10%; 
    right: 10%; 
    width: 80%; 
} 

EDIT 2: Попробуйте это, я не уверен, если это будет работать, но его стоит показать:

.//div class here { 
    left: 10%; 
    right: 10%; 
    width: 80%; 
    height: 80%; 
    top: 10%; 
    bottom: 10%; 
} 
+0

спасибо, но его то же самое я переместил ниже заголовка и, тем же ... Я не знаю, как объяснить, я хочу, чтобы один слайдер Wordpress был галереей для страниц, и я набрал для wordpress (индекс, заголовок, нижний колонтитул, и т. д.), а часть слайдера получена из одной бесплатной темы, так что теперь мне нужен этот слайдер-центр с -100px по бокам, чтобы отлично работать с этой темой, которую я набрал ... –

+1

@ user3852799 Пожалуйста, переформулируйте этот комментарий, я считаю, вы хотите сосредоточить слайд-шоу изображений по горизонтали и вертикали, я отредактировал OP/Answer, чтобы включить это сейчас –

+1

, это помогло! Большое спасибо!!!!!!^_^ –

0

Попробуйте выполнить действия, описанные на этом сайте: http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/. Скорее всего, вы хотите, чтобы применить это:

.image img 

который является селектор CSS для DIV с классом изображения, содержащего тег изображения. Это может быть слишком общим, хотя я действительно рекомендую предоставить вашему изображению идентификатор и таргетинг на него.

Смежные вопросы