Некоторые изображения были заблокированы ,чтобы помочь предотвратить индетификацию вашего компьютера отправителем

Некоторые изображения были заблокированы ,чтобы помочь предотвратить индетификацию вашего компьютера отправителем.Чтобы посмотреть изображения откройте этот элемент

 <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;/*максимальная длина*/
}

Ответы (0 шт):