Не работает padding

@Шалун · Регистрация: 27.02.2017

Студворк — интернет-сервис помощи студентам

Не могу понять почему не работает padding-bottom. Снизу не делает никаких отступов.
Помогите, пожалуйста

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#prevBtn, #nextBtn{
        position: absolute;
        text-indent:-8000px;
}
                            
#nextBtn a{ 
        position: absolute;
    display:block;
        height: 300;
    background:url(/images/right.png) 100% 100% no-repeat;
    top: -600px;
    left: 650px;
    padding: 100px 110px 180px 90px;
    margin: 200px  auto;
    }

@Вилки Выкидные · 27.09.2017, 12:49

На скрине внизу блока - отступ.

@Шалун · 27.09.2017, 12:58 **[ТС]**

Вилы Выкидные, оранжевый цвет - это margin ( у него все работает). Зеленый - это padding ( он почему-то не работает)

Добавлено через 6 минут
Вилы Выкидные, отступ padding-bottom от стрелки не работает

@Вилки Выкидные · 27.09.2017, 13:10

Шалун, покажите, как Вы блоку прописали class

@Шалун · 27.09.2017, 13:17 **[ТС]**

Вилы Выкидные, если взять в общем, то вот весь код:

HTML5
1
2
3
4
5
6
<div id="slider">
<ul>
<li ><img src="/images/bae.jpg" width="100%" height="100%" alt="" /></li>
<li ><img src="/images/b.jpg" width="100%" height="100%" alt="" /></li>
</ul>
</div>

CSS
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
32
33
34
35
36
37
38
#slider {
text-align: center;
background: black;
margin-top: 30px;
}
 
#slider img {
 vertical-align: middle;
}
 
#slider ul, #slider li {
margin: 0px;
padding:0;
list-style:none;
top: 10px;
}
 
#slider li {
width: 850px;
height: 450px;
}
 
#prevBtn, #nextBtn{
position: absolute;
text-indent:-8000px;
}
                                    
    
#nextBtn a{ 
    position: absolute;
    display:block;
    height: 300;
    background:url(/images/right.png) 100% 100% no-repeat;
    top: -600px;
    left: 650px;
    padding: 100px 110px 180px 90px;
    margin: 200px  auto;
    }

@Вилки Выкидные · 27.09.2017, 13:34

Шалун, ну так у Вас для slider прописан padding:0;

@Шалун · 27.09.2017, 14:43 **[ТС]**

Вилы Выкидные, убрала - не помогло

@Вилки Выкидные · 27.09.2017, 17:25

Шалун, ну так нужно же не убрать, а прописать padding-bottom и указать значение

@Шалун · 27.09.2017, 18:08 **[ТС]**

Вилы Выкидные,
Если я пропишу значение padding в slider, то расположение поменяется у картинок. Мне же надо изменять значение #nextBtn a для стрелки

@andyyy · 27.09.2017, 20:23

Сообщение от Шалун

#nextBtn a для стрелки

top,left,right,bottom

CSS
1
.Кнопка {top: 300px;}

@Шалун · 27.09.2017, 20:25 **[ТС]**

andyyy, у меня не работает padding-bottom у стрелки

@andyyy · 27.09.2017, 20:34

зачем вам отступ для картинки) у которой Position абсолют

@Шалун · 27.09.2017, 20:38 **[ТС]**

andyyy, мне нужен отступ padding для стрелки, чтобы при нажатии на более большую область ( чем картинка стрелки) слайдер работал.
Пытаюсь сделать как на картинке ниже

@Шалун · 27.09.2017, 20:40 **[ТС]**

andyyy,

@andyyy · 27.09.2017, 20:47

Сообщение от Шалун

andyyy, мне нужен отступ padding для стрелки, чтобы при нажатии на более большую область ( чем картинка стрелки) слайдер работал.
Пытаюсь сделать как на картинке ниже

Я бы вам може т и помог если исходники были)) а так в уме все представляю

попробуйте прописать больше width и height для <div > с картинкой

Добавлено через 2 минуты

CSS
1
2
3
4
5
6
7
8
9
10
#nextBtn a{ 
    position: absolute;
    display:block;
    height: 300;
    background:url(/images/right.png) 100% 100% no-repeat;
    top: -600px;
    left: 650px;
    padding: 100px 110px 180px 90px;
    margin: 200px  auto;
    }

вот здесь - у вас картинка завернута в тег а? попрубуйте просто

CSS
1
2
3
4
5
6
7
8
9
10
#nextBtn { 
    position: absolute;
    display:block;
    height: 300px;
    background:url(/images/right.png) 100% 100% no-repeat;
    top: -600px;
    left: 650px;
    padding: 100px 110px 180px 90px;
    margin: 200px  auto;
    }

@Шалун · 28.09.2017, 01:27 **[ТС]**

andyyy, спасибо, но не помогло

Добавлено через 1 минуту
andyyy, вот весь код

HTML5
1
2
3
4
5
6
<div id="slider">
<ul>
<li ><img src="/images/bae.jpg" width="100%" height="100%" alt="" /></li>
<li ><img src="/images/b.jpg" width="100%" height="100%" alt="" /></li>
</ul>
</div>

CSS
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
#slider {
text-align: center;
background: black;
margin-top: 30px;
 width: 850px;
height: 450px;
}
 
#slider img {
 vertical-align: middle;
 width: 850px;
height: 450px;
 }
 
#slider ul, #slider li {
list-style:none;
top: 10px;
 width: 850px;
height: 450px;
 
}
 
#slider li {
width: 850px;
height: 450px;
 
}
 
#prevBtn, #nextBtn{
position: absolute;
text-indent:-8000px;
}
                                    
    
#nextBtn a{ 
    position: absolute;
    display:block;
    height: 50px;
    width: 100px;
    background:url(/images/right.png) 100% 100% no-repeat;
    top: -600px;
    left: 650px;
    padding: 100px 20px 200px 90px;
    margin: 200px  auto;
}

@andyyy · 28.09.2017, 12:59

картинки тоже закиньте., на файлообменник какой-то

@Шалун · 28.09.2017, 17:27 **[ТС]**

Добавлено через 10 секунд
andyyy, да там картинки абсолютно любые можно вставить.

Добавлено через 1 минуту
andyyy, дело не в них, а в стрелке и ее padding-bottom

@andyyy · 28.09.2017, 20:48

нужно проверит на ваших картинках)) может вы где-то напутали. Сами смотрите!

@Шалун · 29.09.2017, 14:56 **[ТС]**

andyyy, хорошо , ещё раз все перепроверю. Позже отпишусь

Добавлено через 17 часов 46 минут
andyyy, всем спасибо! Дело было все же в css - подправила и все заработало

Новые блоги и статьи Все статьи Все блоги /
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .

@Вилки Выкидные 97 / 47 / 17 Регистрация: 25.04.2017 Сообщений: 471
	27.09.2017, 12:49
	На скрине внизу блока - отступ. 1

@Шалун -4 / 1 / 2 Регистрация: 27.02.2017 Сообщений: 205
	27.09.2017, 12:58 [ТС]
	Вилы Выкидные, оранжевый цвет - это margin ( у него все работает). Зеленый - это padding ( он почему-то не работает) Добавлено через 6 минут Вилы Выкидные, отступ padding-bottom от стрелки не работает 0

@Вилки Выкидные 97 / 47 / 17 Регистрация: 25.04.2017 Сообщений: 471
	27.09.2017, 13:10
	Шалун, покажите, как Вы блоку прописали class 1

@Вилки Выкидные 97 / 47 / 17 Регистрация: 25.04.2017 Сообщений: 471
	27.09.2017, 13:34
	Шалун, ну так у Вас для slider прописан padding:0; 1

@Шалун -4 / 1 / 2 Регистрация: 27.02.2017 Сообщений: 205
	27.09.2017, 14:43 [ТС]
	Вилы Выкидные, убрала - не помогло 0

@Вилки Выкидные 97 / 47 / 17 Регистрация: 25.04.2017 Сообщений: 471
	27.09.2017, 17:25
	Шалун, ну так нужно же не убрать, а прописать padding-bottom и указать значение 1

@Шалун -4 / 1 / 2 Регистрация: 27.02.2017 Сообщений: 205
	27.09.2017, 18:08 [ТС]
	Вилы Выкидные, Если я пропишу значение padding в slider, то расположение поменяется у картинок. Мне же надо изменять значение #nextBtn a для стрелки 0

@Шалун -4 / 1 / 2 Регистрация: 27.02.2017 Сообщений: 205
	27.09.2017, 20:25 [ТС]
	andyyy, у меня не работает padding-bottom у стрелки 0

@andyyy 767 / 323 / 157 Регистрация: 26.05.2016 Сообщений: 2,127
	27.09.2017, 20:34
	зачем вам отступ для картинки) у которой Position абсолют 0

@Шалун -4 / 1 / 2 Регистрация: 27.02.2017 Сообщений: 205
	27.09.2017, 20:38 [ТС]
	andyyy, мне нужен отступ padding для стрелки, чтобы при нажатии на более большую область ( чем картинка стрелки) слайдер работал. Пытаюсь сделать как на картинке ниже 0

@Шалун -4 / 1 / 2 Регистрация: 27.02.2017 Сообщений: 205
	27.09.2017, 20:40 [ТС]
	andyyy, Миниатюры 0

@andyyy 767 / 323 / 157 Регистрация: 26.05.2016 Сообщений: 2,127
	28.09.2017, 12:59
	картинки тоже закиньте., на файлообменник какой-то 0

@Шалун -4 / 1 / 2 Регистрация: 27.02.2017 Сообщений: 205
	28.09.2017, 17:27 [ТС]
	Добавлено через 10 секунд andyyy, да там картинки абсолютно любые можно вставить. Добавлено через 1 минуту andyyy, дело не в них, а в стрелке и ее padding-bottom 0

@andyyy 767 / 323 / 157 Регистрация: 26.05.2016 Сообщений: 2,127
	28.09.2017, 20:48
	нужно проверит на ваших картинках)) может вы где-то напутали. Сами смотрите! 0

@Шалун -4 / 1 / 2 Регистрация: 27.02.2017 Сообщений: 205
	29.09.2017, 14:56 [ТС]
	andyyy, хорошо , ещё раз все перепроверю. Позже отпишусь Добавлено через 17 часов 46 минут andyyy, всем спасибо! Дело было все же в css - подправила и все заработало 0