Как задать px; расстояние top и bottom между Трейлера фильма?

голоса: 0

Здраствуйте! у меня такая проблема и никак не могу исправить ее, у меня пункт трейлер фильма залез на кадры из фильма div cнизу и прилип к постеру сверху как задать расстаяние между ними?
Вот скриншот.

Адрес сайта http://bit.ly/2aUISqf
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ

Стили в строке 9 файла стилей ariya.css:

.ariya li {   
   background: -moz-linear-gradient(#292929, #252525);   
   background: -ms-linear-gradient(#292929, #252525);   
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #252525));   
   background: -webkit-linear-gradient(#292929, #252525);   
   background: -o-linear-gradient(#292929, #252525);   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');   
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525')";   
   background: linear-gradient(#343434, #252525);   
   border-bottom: 2px solid #181818;   
   border-top: 2px solid #343434;   
   min-width: 695px;   
}

замените на:

.ariya li {
   background: transparent!important;
   background: -moz-linear-gradient(#292929, #252525);
   background: -ms-linear-gradient(#292929, #252525);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #252525));
   background: -webkit-linear-gradient(#292929, #252525);
   background: -o-linear-gradient(#292929, #252525);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525')";
   background: linear-gradient(#343434, #252525);
   border-top: 2px solid #343434;
   min-width: 695px;

далее в строке 30 найдете стили:

.ariya a {   
   border-left: 3px solid rgba(0, 0, 0, 0);   
   color: #808080;   
   display: block;   
   font-family: 'times new roman';   
   font-size: 18px;   
   line-height: 54px;   
   padding: 0 25px;   
   text-decoration: none;   
   text-transform: uppercase;   

удалите выделенное.

| Автор:
Выбор ответа лучшим | | Автор: Alienware
Полетело все, не помогло по другому ни как?
Alienware,
Что могло полететь если стилями выше убрали лишь фон под текстом трейлер и убрали лишние стили. Если у вас что-то полетело, значит вы сами что-то сломали.
Yuri_Geruk,
Все я уже испраавил сам, спасибо.
...