подскажите как установить скрипт

19.10.2013, 02:39. **Показов** 858. **Ответов** 1

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

Хочу чтобы получилось как это выглядит на данном сайте http://lab.adrianquevedo.com/jquery-spectragram/ а уменно речь идет о скрипте instagrama , чтобы получилось вот так

.

Сам HTML выглядит вот так

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-instagram/0.2.2/jquery.instagram.min.js"></script>
</head>
<body>
    <h1>jQuery Instagram Demo</h1>
    <div class="instagram"></div>
    <script type="text/javascript">
        $(".instagram").instagram({
            userId: '574496340',
            accessToken: '574496340.d3eb5a1.c23e1eb0bda84d9fb8578bb0c7fb8e30',
            image_size:'small',
                        show: 4
        });
    </script>
 
 
</body>
</html>

Когда я начинаю настраивать css у меня они не хотят в такой квадрат сворачиваться . Выглядит css так

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
          .instagram div {
        float: right;
        font-size: px;
        margin: 0 px;
        text-align: right;
        width: 175px;
        position: center;
        right: 0px;
        top: 0px;
        height: 70px;
        border: 0px;
        padding: 30px;
        margin: 12px;
}

Максимум что получается это

. Как решить данную проблему помогите пожалуйста. Заранее буду очень благодарен.

@webkomb · 19.10.2013, 13:27

попробуйте поменять код css на этот:

CSS
1
2
3
4
5
6
7
  .instagram div {
    float: left;
  }
        
  .instagram div:nth-child(2n){
    float: none;
  }

Новые блоги и статьи Все статьи Все блоги /
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных выбран регистр накопления, в. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip