Как реализовать навигацию и стрелочки в блоке

@f3ratox · Регистрация: 12.11.2019

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

Я новичек в верстке,поэтому не судите строго,общарил весь интернет так и не понял реализацию,может,что скорее всего,я просто не так искал,но все же,прошу о помощи)

@gogolik · 04.02.2020, 16:40

f3ratox, стрелочки - слайдер, подойдёт любой. Например - Slick или Owl.

Соц. сети:

HTML5
1
2
3
4
5
6
7
8
9
<div class="container">
  <img src="https://via.placeholder.com/350">
  <div class="meta">
    <div class="item">ig</div>
    <div class="item">ig</div>
    <div class="item">ig</div>
    <div class="item">ig</div>
  </div>
</div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
* {
  box-sizing: border-box;
}
.container {
  position: relative;
  width: 350px; /*для примера*/
}
.meta {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 50px 20px;
  display: flex;
  justify-content: space-evenly;
}

codepen

@f3ratox · 04.02.2020, 17:08 **[ТС]**

Большое спасибо! А можно сделать эти слайдеры просто с помощью html,css,мне не нужно чтобы они функционировали,мне нужен просто пока что визуал

@gogolik · 04.02.2020, 17:25

f3ratox, слайдер - элемент фронт-енда.

Лучше сразу делайте по-уму.

А вообще, слайдер на чистом html/css - сложно и не нужно.

@f3ratox · 04.02.2020, 17:58 **[ТС]**

Понял,благодарю)

Новые блоги и статьи Все статьи Все блоги /
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .

Как реализовать навигацию и стрелочки в блоке

Решение

Решение

@f3ratox 1 / 1 / 0 Регистрация: 12.11.2019 Сообщений: 13

	Как реализовать навигацию и стрелочки в блоке 04.02.2020, 16:31. Показов 2252. Ответов 4 Метки html css (Все метки) Я новичек в верстке,поэтому не судите строго,общарил весь интернет так и не понял реализацию,может,что скорее всего,я просто не так искал,но все же,прошу о помощи) Миниатюры 0

@f3ratox 1 / 1 / 0 Регистрация: 12.11.2019 Сообщений: 13
	04.02.2020, 17:08 [ТС]
	Большое спасибо! А можно сделать эти слайдеры просто с помощью html,css,мне не нужно чтобы они функционировали,мне нужен просто пока что визуал 0

@gogolik Супер-модератор 3971 / 2093 / 832 Регистрация: 13.03.2010 Сообщений: 6,910
	04.02.2020, 17:25
	Сообщение было отмечено f3ratox как решение Решение f3ratox, слайдер - элемент фронт-енда. Лучше сразу делайте по-уму. А вообще, слайдер на чистом html/css - сложно и не нужно. 1

@f3ratox 1 / 1 / 0 Регистрация: 12.11.2019 Сообщений: 13
	04.02.2020, 17:58 [ТС]
	Понял,благодарю) 0

Опции темы