Question

После установки слайдера в глобальном блоке Promo происходит автоматическое выравнивание содержимого на каждой странице. Как исправить?

Answer 1

В стилях в строке 88:

.eBlock {margin:0 0 15px;border-spacing:0;padding:0;background:#fff;-moz-box-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 1px 2px rgba(0,0,0,.5);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;table-layout: fixed; }

удалите выделенное красным.

Comments

Все так  же, не исправилось.

---

ctrl+f5 на странице сделайте

---

webanet,

Все так же. Открываю окно редактирования все норма. Вот скрины

 

---

Айдар Чингизов,

Найдите в стилях строку номер 128:

.eMessage p,.eText p{text-align: inherit!important;margin:0;padding:0 0 5px 0;}

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

---

Yuri_Geruk,

К сожалению, все так же. Возможно это связано с кодом в глобальном блоке Promo.

---

Айдар Чингизов,

Покажите код глобального блока все что вы там вставили. С него нужно удалить вот такой код:

<div align="center">

---

Yuri_Geruk,

<div align="center"><style>
<style>
#content { 
/* Ширина слайдера */ 
width:1170px; 
margin:0px; 
} 
.slider { 
/* Ширина слайдера */ 
width:1170px; 
/* Высота слайдера */ 
height:488px; 
position:relative; 
padding-bottom:26px; 
background:url(http://zornet.ru/CSS-ZORNET/Skript/bottom_shadow.png) no-repeat bottom center; 
} 
.sliderContent { 
float:left; 
/* Ширина слайдера */ 
width:1170px; 
/* Высота слайдера */ 
height:488px; 
clear:both; 
position:relative; 
overflow:hidden; 
} 
.sliderArrows a { 
display:block; 
text-indent:-9999px; 
outline:none; 
z-index:50; 
background-image:url(http://zornet.ru/CSS-ZORNET/Skript/prev_next.png); 
width:42px; 
height:42px; 
position:absolute; 
top:50%; 
margin-top:-34px; 
} 
.prev { 
background-position:0 0; 
left:15px; 
} 
.prev:hover { 
background-position:0 -44px; 
} 
.next { 
right:15px; 
background-position:-44px 0; 
} 
.next:hover { 
background-position:-44px -44px; 
} 
.sliderContent .item { 
position:absolute; 
/* Ширина слайдера */ 
width:1170px; 
/* Высота слайдера */ 
height:488px; 
background:#fff; 
} 
.sliderBullets { 
position:absolute; 
bottom:0; 
left:50%; 
z-index:50; 
margin-left:-45px; 
} 
.sliderBullets a { 
display:block; 
float:left; 
text-indent:-9999px; 
outline:none; 
margin-left:5px; 
width:10px; 
height:11px; 
background:url(http://zornet.ru/CSS-ZORNET/Skript/bullets.png) no-repeat; 
} 
.sliderBullets .active { 
background-position:0 -11px; 
} 
.sliderContent a { 
outline:none; 
} 
</style>
<div class="slider dsslider"> 
<div class="sliderContent"> 
<div class="item"> 
<img src="http://gimn-karmaskaly.ucoz.net/Foto/Slideshow/342645735.png" align="center" height="" width="100%" alt=""/> 
</div> 
<div class="item"> 
<img src="http://gimn-karmaskaly.ucoz.net/Foto/Slideshow/IMG_20180901_113797.jpg" height="" width="100%" alt="" /> 
</div> 
<div class="item"> 
<img src="http://gimn-karmaskaly.ucoz.net/Foto/Slideshow/6890814d_o.jpeg" height="" width="100%" alt="" /> 
</div> 
<div class="item"> 
<img src="http://gimn-karmaskaly.ucoz.net/Foto/Slideshow/IMG_0553689.jpg" height="" width="100%" alt="" /> 
</div> 
<div class="item"> 
<img src="http://gimn-karmaskaly.ucoz.net/Foto/Slideshow/IMG-20170907-WA000946.jpg" height="" width="100%" alt="" /> 
</div> 
<div class="item"> 
<img src="http://gimn-karmaskaly.ucoz.net/Foto/Slideshow/IMG_20181207_153525_BURST001_COVER.jpg" height="" width="100%" alt="" /> 
</div> 
</div> 
</div> 

</div>
<script src="http://zornet.ru/CSS-ZORNET/Skript/mobilyslider.js" type="text/javascript"> 
</script> 
<script type="text/javascript"> 
$('.dsslider').mobilyslider({ 
// Тип воспроизведения (vertical) или удалить всю строку 
transition: 'fade', 
// Скорость перелистывания 
animationSpeed: 800, 
// Автовоспроизведение включено 
autoplay: true, 
// Скорость автовоспроизведения 
autoplaySpeed: 3000, 
// Остановка во время наведения курсора (false) 
pauseOnHover: true, 
// Показывать кнопки вперёд назад (false) 
bullets: true, 
// Показывать нижние кнопки управления (false) 
arrowsHide: true 
}); 
</script>

---

выделенное красным удалите

---

webanet,

Все выровняется слева. Как слайдер только выровнить по центру?

---

что? вы на скриншоте покажите что пытаетесь сказать. сайт и ваши материалы выглядят нормально

---

webanet,

Если <div align="center"><style> убрать,  слайдер и содержимое страниц выравниваются слева. Хотелось бы только слайдер выровнить по центру. вот после последних изменений..

---

в вашем сообщении с кодом выделила зеленым то что надо вернуть на место. и выделила красным внизу то что надо добавить

---

webanet,

Урра!!!Все получилось!!! Спасибо огромное!!!