Konstantin99

Для модального окна использую Jquery плагин arcticmodal https://arcticlab.ru/arcticmodal/#docs но нужно что бы окно появлялось как в методах slideDown и slideUp. Обращаюсь сюда так как в документации сказано что есть только 2а эффекта fade и none. Можно ли как то это реализовать?

Подскажите пожалуйста можно ли как то сделать тень, а именно эффект вдавливания при hover, именно для этой формы кнопки. https://jsfiddle.net/urd76pkp/

Если больше нравятся видео уроки то советую видео от "Специалист", можешь так и гуглить специалист javascript.

Задай padding для .block_1 Или более конкретно опиши что тебе нужно сделать и что от чего должно отступить.

https://jsfiddle.net/psqh5458/

https://jsfiddle.net/1ag23rdb/3/

Блок создан с помощью li, где li стоят в одну линию по всему размеру ul, сколько в 1-ой строке элементов li, я не знаю так как при изменении разрешения их количество может меняться. Мне нужно что бы при нажатии на li, под ней появлялся блок информацией об этой li, те для li#one открывается к примеру <li><div data-id = "one" ></div></li>. Вот то что у меня получилось : https://jsfiddle.net/4101nn7L/

для это разметки не подскажешь что можно сделать? <div class="container"> <div class="wrapper"> <div class="v1g2"></div> <div class="v2g1"></div> <div class="v1g1"></div> <div class="v1g1"></div> <div class="v1g1"></div> <div class="v1g1"></div> <div class="v1g1"></div> </div> </div>

Нужно что бы высокий блок оставался на своем месте Извиняюсь не посмотрел на разметку.Спасибо то что нужно

К сожалению дополнительные классы нельзя использовать и позицию данного высокого контейнера мы заранее не знаем.

Здравствуйте, верстаю сетку 3х3 в которой можно размещать блоки любого размера в данном диапазоне (1х1, 2х3, 3х1 и тд) с использованием классов, реализовано это все на float:left и столкнулся с проблемой, что если указать вертикальный блок по центру или справа, то остальные блоки будут обтекать его как и должны справа или снизу, но место слева от него остается пусты и туда нужно засунуть блок который идет сразу после вертикального. Новые классы использовать нельзя, либо как то сss помогите решить, либо с использованием js. Спасибо за любую помощь. Исходники https://jsfiddle.net/svfvs5cb/

Как в данном случае сделать так, что бы строки не соединялись, а перепрыгивали на новую с сохранением border-bottom.https://jsfiddle.net/r7yfh1xf/

А не подскажешь как сделать, так что бы при соединении title и price, title прыгал на вторую строку и рамка была уже от слова на 2-ой строке?

<footer> это не тег который располагается внизу страницы, это просто элемент с названием футер из спецификации html5, как div. Он сделан для лучшей читабельности кода разработчиком и для SEO.Пример https://jsfiddle.net/yxyf93fr/. И он на скрине находиться в правильном месте, следуя потоку документа и сместить его вниз можно либо через position:fixed или absolute, либо через flexbox. Почитай что такое поток документа и все поймешь.

Спасибо, надо будет почитать про данный метод)

А не подскажешь еще, как по умолчанию сделать red?

Начнем с того, что зачем тебе столько "height: 100%"?Потом для обозначения элементов в лучше использовать не "id" , а "class", так как "id" это уникально имя элемента, которое может использоваться лишь 1 раз на странице, проще говоря "id" это для JS, а "class" для html/css. И последнее во wrapper тебе нужно закидывать не "id=footer", а тег "<footer>" и тогда все норм

Задача такая, есть 3-и ссылки, каждая из этих ссылок относиться к своему контенту, необходимо что бы при нажатии на ссылку показывался необходимый контент.Реализовать все посредством css и желательно не фиксированной высоты. У меня есть вот такая штука пример работы, но я столкнулся с такими проблемами. 1) Блок "green" имея свою высоту вылазит за пределы "wrapper". 2)При клике по одному из блоков, теряется фокус на ссылке и блоки меняются на default. Как можно это реализовать?Пробовал через "display", но чет как то тоже не задалось.

Всем спасибо, как то даже не подумал про border:dotted.На Js уже пытался делать)

https://jsfiddle.net/08nm1mch/ Сори не то, не дочитал до конца. https://jsfiddle.net/08nm1mch/1/ Вот, это твое.

Как сделать вот такой элемент адаптивным?Что бы часть точек при уменьшении экрана пропадали?

Я не спорю, JS это просто "must have" в арсенале Web-разработчика, но это первый язык высокого уровня который я начал учить и дается он мне ой как сложно. По этому и приходится пользоваться уже готовыми скриптами. Ну или писать сюда)

В общем проблема в следующем, есть макет со слайдером, писать слайдер самому на данный момент не позволяет уровень знания JS и JQuery, по этому решил использовать bxSlider, но проблема в том что нужно сделать внутри пейджера контент с нумерацией слайдов, а куда это писать не пойму в js файле, все немного сложно написано. Подскажите куда что писать или какое нибудь другое более простое решение резинового слайдера.

Вопрос решен средствами CSS и hover. Извините при публикации думал о реализации через JQuery совсем забыв про CSS

Подскажите пожалуйста, как сделать дочерний выпадающий блок при наведении на родительский блок. <div class="HTML_menu_title"> <div class="content"> <span class="HTML_a">HTML5</span> <img src="images/html5.png" alt="html_logo"> <span class="HTML_b">HyperText Markup Language</span> </div> <div class="HTML_hidden_block" id="HTML_hd"> <div class="left_block"> <span>Тест 1. Структура HTML документа</span> <span>Тест 2. Структура HTML документа</span> <span>Тест 3. Структура HTML документа</span> <span>Тест 4. Структура HTML документа</span> <span>Тест 5. Структура HTML документа</span> <span>Тест 6. Структура HTML документа</span> </div> <div class="right_block"> <span>Тест 7. Структура HTML документа</span> <span>Тест 8. Структура HTML документа</span> <span>Тест 9. Структура HTML документа</span> <span>Тест 10. Структура HTML документа</span> <span>Тест 11. Структура HTML документа</span> <span>Тест 12. Структура HTML документа</span> </div> </div> </div>