Выровнять изображение в слайдах по центру

@CyberIslam · Регистрация: 21.02.2013

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

Доброго дня господа. В CSS сравнительно недавно, и хотелось бы задать, должно быть не сложный вопрос: Что добавить или изменить в этом коде, чтобы изображение выровнялось по центру слайдера

CSS
1
2
3
4
5
6
7
#slide {
    position:relative;
    overflow:hidden;
    width:1264px;
    margin:0 auto;
    z-index:2;
}

@Julieta · 28.11.2015, 11:12

а изображение каких размеров?
можно:

CSS
1
2
3
4
5
img {
position:absolute;
top...
left...
}

Добавлено через 14 минут
Можно добавить в ваши стили для #slide text-align:center

@CyberIslam · 28.11.2015, 15:44 **[ТС]**

не помогло.. Результат не изменился

@GoDr · 28.11.2015, 16:01

CyberIslam, покажи разметку

@CyberIslam · 29.11.2015, 11:28 **[ТС]**

html что ли?

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
 <h1><a href="index.html"><img src="images/logo.jpg" alt=""></a></h1>
      <div class="social-icons"> 
      <p>*</p></div>
      <div id="slide">
        <div class="slider">
          <ul class="items">
            <li><img src="images/slider-1.jpg" alt="" ></li>
            <li><img src="images/slider-2.jpg" alt="" ></li>
            <li><img src="images/slider-3.jpg" alt="" ></li>
          </ul>
        </div>
        <a href="#" class="prev"></a><a href="#" class="next"></a> </div>

@CyberIslam · 01.12.2015, 13:18 **[ТС]**

GoDr, вы можете ответить. По возможности, пожалуйста

@GoDr · 02.12.2015, 09:10

ты как-то всё кусками даёшь... А где скрипт слайдера и его стили?

@CyberIslam · 02.12.2015, 11:15 **[ТС]**

Вы имеете в виду файл с расширением .js?

Добавлено через 33 секунды
А код HTML отвечающий за слайд я же дал полностью

@Al_lord · 02.12.2015, 13:08

Бло чего тут не понятного
CyberIslam

HTML5
1
2
3
4
5
6
7
8
9
<div id="slide"> 
   <div class="slider">
      <ul class="items">
            <li><img src="images/slider-1.jpg" alt="" ></li>
            <li><img src="images/slider-2.jpg" alt="" ></li>
            <li><img src="images/slider-3.jpg" alt="" ></li>
          </ul>
        </div>
        <a href="#" class="prev"></a><a href="#" class="next"></a> </div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
#slide {
    position:relative;
    overflow:hidden;
    width:1264px;
    margin:0 auto;
    z-index:2;
}
.slider ul,.slider ul li
{     display: block;
    width: 100%;}
.slider ul li img {
display:block;
margin:0 auto;}

@GoDr · 02.12.2015, 14:41

Сообщение от CyberIslam

А код HTML отвечающий за слайд я же дал полностью

как правило у любого слайдера есть свой CSS. Просто есть такие вещи, как !important

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .

@CyberIslam 21 / 14 / 5 Регистрация: 21.02.2013 Сообщений: 713
	28.11.2015, 15:44 [ТС]
	не помогло.. Результат не изменился 0

@GoDr 90 / 79 / 33 Регистрация: 17.08.2015 Сообщений: 512 Записей в блоге: 1
	28.11.2015, 16:01
	CyberIslam, покажи разметку 0

@CyberIslam 21 / 14 / 5 Регистрация: 21.02.2013 Сообщений: 713
	01.12.2015, 13:18 [ТС]
	GoDr, вы можете ответить. По возможности, пожалуйста 0

@GoDr 90 / 79 / 33 Регистрация: 17.08.2015 Сообщений: 512 Записей в блоге: 1
	02.12.2015, 09:10
	ты как-то всё кусками даёшь... А где скрипт слайдера и его стили? 0

@CyberIslam 21 / 14 / 5 Регистрация: 21.02.2013 Сообщений: 713
	02.12.2015, 11:15 [ТС]
	Вы имеете в виду файл с расширением .js? Добавлено через 33 секунды А код HTML отвечающий за слайд я же дал полностью 0