Некоторые изображения были заблокированы ,чтобы помочь предотвратить индетификацию вашего компьютера отправителем
Некоторые изображения были заблокированы ,чтобы помочь предотвратить индетификацию вашего компьютера отправителем.Чтобы посмотреть изображения откройте этот элемент
<div class="all">
<input checked type="radio" name="respond" id="desktop">
<article id="slider">
<input checked type="radio" name="slider" id="switch1">
<input type="radio" name="slider" id="switch2">
<input type="radio" name="slider" id="switch3">
<input type="radio" name="slider" id="switch4">
<input type="radio" name="slider" id="switch5">
<div id="slides">
<div id="overflow">
<div class="image">
<article> <img src="/img/nails1.png" alt="pojexali"> </article>
<article> <img src="/img/nails2.png" alt="pojexali"> </article>
<article> <img src="/img/nails3.png" alt="pojexali"> </article>
<article> <img src="/img/nails4.png" alt="pojexali"> </article>
<article> <img src="/img/nails5.png" alt="pojexali"> </article>
</div>
</div>
</div>
<div id="controls">
<label for="switch1"></label>
<label for="switch2"></label>
<label for="switch3"></label>
<label for="switch4"></label>
<label for="switch5"></label>
<label for="switch6"></label>
</div>
<div id="active">
<label for="switch1"></label>
<label for="switch2"></label>
<label for="switch3"></label>
<label for="switch4"></label>
<label for="switch5"></label>
<label for="switch6"></label>
</div>
</article>
</div>
</body>
</html>
Ссылка указана корректно. Вот css
#slider{ /*Положение слайдера*/
position: relative;
text-align: center;
top: 10px;
}
#slider{/*центровка слайдера*/
margin: 0 auto;
}
#slides article{/*изображение справа друг от друга*/
width: 20%;
float: left;
}
#slides .image{/*Общий размер блока*/
width: 50%;
line-height: 0;
}
#overflow{ /*скрытие всего,что за пределами*/
width: 100%;
overflow: hidden;
}
article .image{ /*размер картинки*/
width: 100%;
}
#desktop :checked ~ #slider{/*размер всего слайда*/
max-width: 960px;/*максимальная длина*/
}