Jump to content
  • Sign Up

Алеся

Newbie
  • Posts

    29
  • Joined

  • Last visited

Everything posted by Алеся

  1. Спасибо вам! Замечания проработаю.
  2. Я выложила проект, чтобы опытные люди поделились советами как и что можно улучшить/изменить, а не для того, чтобы демонстрировать его с позиции супер масштабного и сложнейшего проекта. Мы здесь учимся и раздел "обсуждение работ" создан для получения советов, а не для сравнения или хвастовства. Возможно, я ошиблась, решив что этот сайт и данный раздел в частности созданы именно для этого. Учту.
  3. В чём проблема верстать обычный шаблон, в котором есть знак копирайта? Он присутствует во многих пробных макетах. Это обычная реализация ПО ПРОБНОМУ МАКЕТУ. Моя работа от начала до конца. То, что в макете присутствует знак копирайта не означает, что вёрстка чужая. Раз вы считаете меня гуру, спасибо вам за такую высокую оценку.
  4. Всем привет! Оцените, пожалуйста, лэндинг https://alesia-k.github.io/AXIT-template/. Не буду конкретно описывать на что хочу, чтобы вы обратили внимание. Как говорится, it's up to you. Буду благодарна советам, нахождению ошибок и конструктивной критике. Интересует как, на ваш взгляд, я реализовала гибкость конструкций при изменении объёма текста или подстановки других картинок, например. И в общем, хочется услышать мнение по любым моментам. Заранее спасибо!
  5. Всем привет! Помогите, пожалуйста, добавить в код ограничение по ходам, если возможно как-нибудь проще. В инете находила решения, но с ними код всё равно не работает как положено. Заранее спасибо!! https://jsfiddle.net/6zjoLpnt/1/
  6. Всем привет! Хотела бы представить свою работу новичка на обсуждение для получения конструктивной критики и/или советов, взглядов что можно улучшить или изменить, общее впечатление, конечно, тоже интересует. https://alesia-k.github.io/Tajam-template/ Обратите, пожалуйста, внимание на: - блок "MEET OUR AMAZING TEAM". Немного не нравится как смещаются item при наведении мыши, как будто немного дергаются. Так ли по-вашему это должно работать или такое поведение блока нужно изменить? - инпут "subscribe" в футторе. При клике на инпут, немного смещается и сам инпут, и рядом стоящая кнопка. Было бы классно, если бы подкинули идею как сделать, чтобы такого не было. - и почему-то при клике на <a href="tel:(+62)2122243333">(+62)21-2224 3333</a> не идет процесса соединения. Заранее спасибо!
  7. Спасибо за ответ! Извините за дурацкий вопрос, ссылки "назад", "вперед" для слайдера не подходят? Спасибо!
  8. Ребята, без вас никуда! Подскажите, пожалуйста, первый раз адаптирую и стилизую слайдер splide. Сам он работает, но как его стилизовать? В dev tools стилизация тех же стрелок отражается, но когда вношу их в css - не работает. Почему так? Как, например, тогда опустить ниже стрелки? Где устанавливать брейкпоинты и задавать им свойства? На сайте splide такая инфа по адаптиву. https://splidejs.com/guides/options/#breakpoints Вот типа того что-то пробую... https://jsfiddle.net/aqmuyhwd/
  9. Всем привет! Помогите, пожалуйста, найти ошибку в js. Почему-то не срабатывает display: none когда задумано скрыть первую картинку. btn_next.onclick = function () { images[i].style.display = 'none'; } Весь код здесь https://jsfiddle.net/Lx3qagdp/1/ Заранее спасибо!
  10. Скажите, а на какую позицию "слабо"? Неужели на джуна?
  11. Спасибо за подсказки, кое-что убрала, но остались непонятки. Скажите, вот здесь https://jsfiddle.net/rcLfuowm/2/ ведь всё верно? Только при нажатии на ок появл. одна надпиcь you are under 18, остальные - нет. Так и должно быть? И здесь при отмене всё равно "good" почему-то https://jsfiddle.net/n6ucykLq/3/
  12. Всем привет! Подскажите, пожалуйста, почему alert выводит 'you are under 18!', затем 'you are more than 18!', а 'you are 18!' пропускает. Имею в виду, если вводить 18, то ок, но если просто нажимать "ок", то как раз 'you are 18!' пропадает. https://jsfiddle.net/4murgp2c/6/ И вот здесь https://jsfiddle.net/4murgp2c/10/ при выборе "ok" alert не должен был предотвратить вывод следующего значения (bad), который по идее должен выводиться только при нажатии на отмену? https://jsfiddle.net/4murgp2c/12/ Здесь какая-то простая ошибка, но моему глазу не видна. Вписываю "you" good не появляется. Заранее спасибо. Такие, возможно, очевидные вещи не видны/не понятны начинающему.
  13. Всё-таки прописав в пути две точки вместо одной src: url('../fonts/Lato-Italic.ttf'); всё заработало. Просто странно на другом проекте с одной точкой и в таком же порядке всё работало. Спасибо, что навели на мысль!
  14. Доброго вечера! Подскажите, пожалуйста, в чем проблема неотображения скаченного шрифта? Путь к файлу, если что, проверила. Заранее спасибо! @font-face { font-family:"Lato-Italic"; src: url('./fonts/Lato-Italic.ttf'); } Его использование: .three-columns__item-radius p { text-align: justify; margin: 26px 20px 0 20px; font-family:"Lato-Italic"; }
  15. Подскажите, пожалуйста, как можно исправить не работающий клик, в данном случае, по меню-бургеру. Срабатывает вместо этого hover. Заранее спасибо! <nav class="burger-menu mobile-open"> <button class="burger-menu__btn-mobile"> <i class="fas fa-bars"></i> <span>Menu</span> </button> <ul class="burger-menu__list"> <li class="burger-menu__item"> @@include('./partials/menu/_menu.html', { "item": "contacts" }) </li> <li class="burger-menu__item"> @@include('./partials/menu/_menu.html', { "item": "e-shop" }) </li> <li class="burger-menu__item"> @@include('./partials/menu/_menu.html', { "item": "faq" }) </li> <li class="burger-menu__item"> @@include('./partials/menu/_menu.html', { "item": "home" }) </li> </ul> </nav> var menuEl = document.querySelector('.burger-menu'); var btnEl = document.querySelector('.burger-menu__btn-mobile'); function toggleMenu() { menuEl.classList.toggle('open'); } btnEl.onclick = toggleMenu;
  16. Спасибо за такой вариант! Т.к. у меня совсем мало опыта, не совсем понимаю как реализовать вашу идею в своём коде. Может подскажите на моём примере?
  17. Подскажите, пожалуйста, что можно прописать, чтобы при уменьшении разрешения экрана колонки справа смещались вниз? Весь код в песочнице https://jsfiddle.net/fzbkeLyt/ Пробовала: Но не сработало. @media (max-width: 1200px) { .container { max-width: 970px; } } @media (max-width: 992px) { .container { max-width: 750px; } } @media (max-width: 767px) { .container { max-width: none; } }
  18. Спасибо огромное! Выручили! Ещё может вы увидите своим зорким взглядом почему с inputa facebook не снимается checked когда нажимаю на другие.
  19. https://jsfiddle.net/h9Lse8gm/ Как-то так..
  20. Что-то не сработало. Может причина в том, что у родителя тоже флекс?
  21. Подскажите, пожалуйста, radio input с кнопкой выстроились горизонтально, нужно вертикально. Подскажите, пожалуйста, как преобразовать? Спасибо! <div class="voiting"> <span>How long have you...</span> <form method="post" action="#"> <label class="form__input"> <span>Youtube</span> <input type="radio" name="radio" value="youtube"> </label> <label class="form__input"> <span>instagram</span> <input type="radio" name="radio" value="instagram"> </label> <label class="form__input"> <span>facebook</span> <input type="radio" name="answer" value="facebook"> </label> <input type="submit" value="vote"> </form> </div>
  22. Ребят, подскажите, в чем может быть ошибка. На странице два слайдера от splide. Один с классом splide (работающий), другой c классом splid (не работает). Выглядит так, будто не работают стили. Отображается как не маркированный список текста и картинок. Стили добавила единожды: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css" integrity="sha256-EqzwzekQXKNbB5EE4nNBQT+2gWQIWRZQXAd89YdIq8M=" crossorigin="anonymous"> Который не работает: Заранее спасибо!! <div class="foo_columns"> <div class="splid"> <div class="splid__track"> <ul class="splid__list"> <li class="splid__slid"> @@include('./partials/footer/_footer.html', { "caption": "Знакомства", "downPicturePath": "img/foo1.png", "text": "Отношения актеров в кино и реальной жизни" }) </li> <li class="splid__slid"> @@include('./partials/footer/_footer.html', { "caption": "Знакомства", "downPicturePath": "img/foo2.png", "text": "Отношения актеров в кино и реальной жизни" }) </li> <li class="splid__slid"> @@include('./partials/footer/_footer.html', { "caption": "Знакомства", "downPicturePath": "img/foo3.png", "text": "Отношения актеров в кино и реальной жизни" }) </li> <li class="splid__slid"> @@include('./partials/footer/_footer.html', { "caption": "Приколы", "downPicturePath": "img/foo4.png", "text": "Отношения актеров в кино и реальной жизни" }) </li> <li class="splid__slid"> @@include('./partials/footer/_footer.html', { "caption": "Авто", "downPicturePath": "img/foo5.png", "text": "Отношения актеров в кино и реальной жизни" }) </li> </ul> </div> </div> <div class="foo__line"></div> <script> new Splid( '.splid', { type : 'loop', perPage: 1, speed: 2000, autoplay: true, interval: '3000', arrows: true, } ).mount(); </script> </div>
  23. Подскажите, пожалуйста, как можно увеличить символ мнемоники в css? Font-size не работает. Спасибо! <div class="sign_left"></div> .sign_left::before { content: "\003C"; display: inline-block; color: rgb(192, 34, 34); }
  24. Помогите, пожалуйста, разобраться как поместить картинку (серый фотик) на одном уровне со ссылкой. Спасибо! <li> <span> <a href="#"> @@include('./partials/last-news_container/_last-news_container.html', {"link": "Raul bids goodbye in style", "imgPath": "/img/gray camera.jpg"}) </a> </span> </li> В partials код следующий: <div class="unordered_list"> @@link </div> <div class="last-news_unorderedList" style="background-image: url('@@imgPath');"> </div> .last-news_unorderedList { line-height: 28px; font-size: 13px; } .last-news_unorderedList span:after{ content: ""; display: inline-block; width: 20px; height: 15px; position: absolute; background-image: url("./img/gray camera.jpg"); background-repeat: no-repeat; background-size: contain; background-color: white; //z-index: 7; }
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy