DivMan

никогда не делайте каркас, с помощью позиционирования! https://htmlacademy.ru/courses/65

зафлоатить

стилей то нету

Вообще не видно, что вы пробовали.

align="justify" Не надо так Изучай флоатную вёрстку. Посмотри, что такое display: table. Пройди миникурсы htmlacademy Чему вас только в вузах учат, и вообще не лезь в CMS, пока хорошо не изучишь html, css, js, mysql, php

http://plnkr.co/edit/2zOe8JzW7Ab0P2aGOULn?p=preview

Категории находятся в выпадающим списке? При выборе категории, должны загрузиться нужные товары из jsona?

Ну и где этот пример?

Сделать запрос по юзеру и телефону

Так выведи поле, в котором уже юзер и телефон совпадают, если такая строка есть, то не делать запрос, если нету, то создать новую строку.

может крон поможет?

А где должен храниться этот счетчик, в куках или в файле?

код не смотрел, но делить надо так

На чём сделан сайт? На PHP? YII2? на ООП? На функциях?

у меня меню по нажатию не раскрывается

Сначала это надо уметь делать на чистом CSS, а только потом применять чужие заготовки!

просто берёшь и верстаешь

там изображения не меняются Я нашёл то, что искал http://lorempixel.com/

Как называется сайт, на котором можно выбрать категорию изображений и размер, и потом когда вставляешь к себе эту ссылку, то при каждом обновлении страницы изображение меняется?

Теперь только проверяй, какие браузеры поддерживают свойство box-sizing http://jsfiddle.net/k3hk6ja9/ <div class="main"> <div id="menu"> <input name="storyt" value="" type="text"> </div> <div id="content"> <button name="sendb" type="submit">btn</button> </div> </div> .main { position: relative; } #menu { width: 100%; padding-right: 35px; box-sizing: border-box; } #content { position: absolute; top: 0; right: 0; } input { width: 100%; } button{ width:30px; } http://jsfiddle.net/yRcg7/1/

<div id="accordion"> <h3 class="">JavaScript</h3> <div class="tabs__text" id="tabs-1" style="height: 0px;"> <p> JavaScript — прототипно-ориентированный сценарный язык программирования. Является реализацией языка ECMAScript. </p> <p> JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам. </p> </div> <h3 class="">Jquery</h3> <div class="tabs__text" id="tabs-2" style="height: 0px;"> <p> jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API для работы с AJAX. Сейчас разработка jQuery ведётся командой jQuery во главе с Джоном Резигом. </p> </div> <h3 class="select">DOM</h3> <div class="tabs__text" id="tabs-3" style="height: 52px;"> <p> DOM — это не зависящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML-, XHTML- и XML-документов, а также изменять содержимое, структуру и оформление таких документов. </p> </div> <h3>CSS</h3> <div class="tabs__text" id="tabs-4" style="height: 0px;"> <p> CSS — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. </p> </div> </div> var accordion = document.getElementById('accordion'); accordion.addEventListener('click', change); function change(event) { var targ = event.target; if (targ.tagName !== 'H3') return; if (targ.classList.contains('select')) { hideAll(); } else { hideAll(); targ.classList.add('select'); showText(targ.nextElementSibling); } } function hideAll() { var h3El = accordion.querySelectorAll('h3'); var divEl = accordion.querySelectorAll('div'); for (var i = 0; i < h3El.length; i++) { h3El[i].classList.remove('select'); } for (var i = 0; i < divEl.length; i++) { divEl[i].style.height = '0'; } } function showText(textEl) { textEl.style.height = textEl.scrollHeight + 'px'; } #accordion { margin: 10px 15%; } #accordion > h3 { color: blue; cursor: pointer; margin: 5px 0; padding: .5em .5em .5em .7em; border: 1px solid #ddd; border-radius: 5px; border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } #accordion > h3.select { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } #accordion > div { height: 0; overflow: hidden; color: #333; padding-left: 15px; padding-right: 15px; transition: height .5s; } .tabs__text { font: 12px Arial; text-align: justify; } http://jsfiddle.net/p3jdgoqs/

убери height у .slider и никогда не ставь фиксированную высоту

Сделал не совсем, как надо var arr = [1,2,3,4,5]; console.log(arr); function duplicate(mas) { return mas.concat(mas); } console.log(duplicate(arr)) //-> [1,2,3,4,5,1,2,3,4,5] Я так понимаю, надо добавить метод массива в прототип?

Дан текст, положить каждую букву в span <div class='span'>Какой-то текст</div> <script> var div = document.querySelector('.span') var arr = []; var res = []; var fin = [] arr = div.innerHTML.split('') for(var i = 0; i< arr.length; i++){ res = res + '<span>'+ arr[i] + '</span>' + ',' } fin = res.split(',').join('') div.innerHTML = fin console.log(fin) </script>