All Activity

This stream auto-updates     

  1. Yesterday
  2. Не может. Все это легко делается с помощью html+css
  3. Код не смотрел, но вам нужно либо прописать тег viewport, либо познакомиться с медиа запросами
  4. Сейчас как раз делаю в песочнице. Мне необходимо разместить текст + линия + кнопка именно на картинке.
  5. Делайте пример в песочнице. Вариантов масса, от удаления текста, до размещения его по центру, под слайдером и т.п.
  6. Добрый день! Жаль что у вас тут темы не удаляются, потому что когда писала, нашла у себя ошибку, а сейчас тему удалить не могу. Но сейчас не об этом. Есть не анимированный слайдер <div class="slider"> <div class="slider_site"> <img src="/images/slider_1.jpg" alt="DSC0604-min.jpg" border="0" class="img_slider"/> </div> <div class="slider_line"> </div> <div class="txt_left"> <h1 class="slider_h">АВТОМАТИЗАЦИЯ<br> КНС</h1> <div class="button"> <a href="#" class="button_a">Подробнее</a> </div><!--/.button--> </div> <div class="slider_site"> <img src="/images/slider_2.jpg" alt="DSC0604-min.jpg" border="0" class="img_slider"/> </div> <div class="slider_line_two"> </div> <div class="txt_left"> <h1 class="slider_h_two">НАСОСНЫЕ СТАНЦИИ</h1> <div class="button"> <a href="#" class="button_a_one">Подробнее</a> </div><!--/.button--> </div> </div> Весь текст идет поверх картинки. На компьютере смотрится хорошо, но при уменьшении экрана браузера все начинает плыть. Как грамотно настроить, чтобы текст и кнопка при уменьшении экрана не выглядели коряво? CSS: /*slider*/ .slider{ display: flex; font-family: 'Roboto', sans-serif; } .slider_h{ position: absolute; color: #fff; top: 32%; left: 7%; font-size: 86px; line-height: 85px; text-align: right; } .slider_h_two{ position: absolute; color: #fff; top: 32%; left: 52%; font-size: 86px; line-height: 85px; } .slider_site{ width: 100%; } .img_slider{ width: 100%; position: relative; } .slider_line{ width: 170px; height: 3px; background: #0192dc; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); position: absolute; top: 32%; left: 42%; } .slider_line_two{ width: 170px; height: 3px; background: #0192dc; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); position: absolute; top: 32%; left: 57%; } /*button*/ .button_a{ vertical-align: top; padding: 8px 30px; border: 2px solid #0092db; font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; text-decoration: none; margin: 20px auto; transition: 0.1s linear; position: absolute; top: 59%; left: 39%; } .button_a:hover{ color: #0092db; text-decoration: none; } .button_a_one{ vertical-align: top; padding: 8px 30px; border: 2px solid #0092db; font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; text-decoration: none; margin: 20px auto; transition: 0.1s linear; position: absolute; top: 59%; left: 52%; } .button_a_one:hover{ color: #0092db; text-decoration: none; }
  7. Last week
  8. Gora

    Атрибут disabled

    Если не сидеть на одном месте, то можно многое узнать, оставлю это здесь возможно кому-то пригодится. css input:invalid + input[type=submit] { pointer-events:none; opacity:0.5; }
  9. У меня есть таблица на первой странице сайта Вот к примеру она.... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <select name="school" id="schoolContainer"> <option value="Код" selected>Код</option> <option value="10-0">10-0</option> <option value="10-1">10-1</option> <option value="Grandview">Grandview</option> <option value="Festus">Festus</option> <option value="R-7">R-7</option> <option value="Home-Schooled">Home-Schooled</option> </select> <input type="text" id="newSchool"/> <input type="button" id="addSchool" value="Insert"/> Мне нужно чтобы при нажатии на кнопу "Insert", информация которая была введена в поля для ввода отправлялась на другую страницу сайта. И каждая новая информация отправлялась, в таблицу, примерно вот такую: Пункт 1 | Пункт 2 | Пункт 3 | №1 Купил Завершено Типо, Когда в первой графе выбирают докустим "№1", то этот выбор писался в "Пукт 1". Так же и с остальными, если во второй графе выбирают "Купил" то этот же выбор писался в "Пункт 2... Помогите пожалуйста, никак не могу найти в интернете ответ на сей вопрос... Или, если кто-то сможет сделать пример всего это, я буду очень благодарен
  10. Может ето картинка.png, а не блок и css
  11. Доброго времени суток, при написании одного из макетов встала проблема, нужно связать форму input с кнопкой, то есть задав параметр ввода через pattern="[a-z]{1,26}". Нужно сделать так чтобы при неправельно заполнены форме кнопка было не активной. <h2>Введіть Ключ</h2> <input id="key" class="form-control" pattern="[a-z]{1,26}" value="key" placeholder="Писати сюди"> <h2>Введіть слово</h2> <input id="slov" class="form-control" pattern="[a-z]{1,26}" value="hello" placeholder="Писати сюди"> <input class="btn btn-block btn-success" value="Закодувати" onclick="zakoduvaty5(this);" type="submit"> <h2>Закодоване слово</h2> <input class="form-control" id="zakodslov" readonly> <h2>Введіть код</h2> <input id="zakodslovo" class="form-control" pattern="[0-9 ]{1,50}" placeholder="Писати сюди"> <input class="btn btn-block btn-success" value="Розкодувати" onclick="rozkoduvaty5(this);" type="submit"> <h2>Розкодоване слово</h2> <input class="form-control" id="rez" readonly> примерно так это должно выглядеть, чуть не забыл 1 и 2 форма должны быть связаны. Благодарю за внимание, Всего самого лучшего вам.
  12. Наталья12

    ПОМОГИТЕ НАЙТИ ОШИБКУ.

    А, что на что нужно поменять? Делаю изменения на "btn" и в html и в css, тогда запрос найти перескакивает на вторую строчку. Плиз подскажи.
  13. Скорее всего неправильный путь к файлу. Обратитесь в поддержку хостинга.
  14. Хм. Точно. Вынес, https://codepen.io/npofopr/pen/RwwaodB?editors=0010 и вроде даже как надо работает. Оказывается, так, не работает после аякса) $(".back_to_city").click(function (e) { А так сработало $(document).on('click', '.back_to_city', function (e) { 🙂
  15. Первый раз создаю сайт на хостинге. Не видит блок о компании. Он в конструкции есть, на сайте пустота.
  16. Не пробовали обвернуть текст и картинку в div текст в div и картинку в div. И div где картинка с текстом задать стиль display:flex?
  17. Вы новый клиент INXY? Выиграй 300$ на хостинг! Понимая, что качественные услуги хостинга не должны быть дорогими, INXY предлагает не только доступные серверы, облачное хранилище и CDN - мы также приветствуем всех новых клиентов и даем им прекрасную возможность выиграть 300$! Как принять участие? Вы должны быть новым клиентом INXY, зарегистрированным в ноябре. Если вы еще не являетесь клиентом INXY, войдите в систему и закажите первоклассные услуги хостинга по разумной цене! После регистрации вы автоматически становитесь участником нашей лотереи. Ждите результатов – проверяйте наши социальные сети и официальный сайт. Победители будут выбраны случайным образом: один участник получит главный приз – 300$. Остальные пять победителей получат по 50$. Деньги можно потратить на услуги хостинга от INXY. Результаты розыгрыша лотереи будут опубликованы в Черную пятницу - 29 ноября. Призы можно потратить в течение 3 месяцев. Всем удачи!
  18. Вы меня не совсем правильно поняли. Мне нужно что-то на подобии https://printeru.info/pechat/a3-na-a4, но только в нескольких предложениях. Вам за код спасибо. С Вашего позволения использую его для экранов малых размеров.
  19. purple/ocean

    ПОМОГИТЕ НАЙТИ ОШИБКУ.

    Опечатка в имени класса для кнопки В html bth, в сss btn C рамкой то же самое sitebar и sidebar Будь внимательнее.
  20. Здравствуйте. А такой вариант пробовали? @page { size: A4; margin: 0; } @media print { html, body { width: 210mm; height: 297mm; } /* ... the rest of the rules ... */ }
  21. в $(".city_name").click(function() { у вас происходит $(".active .city_list__info .toggle--open").on("click", function(e) т.е. при втором нажатии на элементы вешается еще раз click и их становится 2 если нажать 3 раза, то будет 3 карты вариант вытащить $(".active .city_list__info .toggle--open").on("click", function(e) из $(".city_name").click(function() {
  22. Сверстал страницу. В реальности она имеет формат А3, но ее пользователи должны печатать на А4 листах прямо с браузера. Не уверен, что всем с первого раза выйдет такое провернуть. Помогите составить максимально простую и понятную инструкцию. Спасибо!
  23. npofopr

    Сайт для людей

    Ну если вы не хотите, то и нам не надо. Да и сайт лежит. Тем не менее, дружественного в нём ничего не было. Что можно сделать, я писал.
  24. Чтобы сайт был более дружественным, прекратите заставлять меня крутить колесо, что бы прочитать 45 слов. (Да, их там на столько мало, что мне даже было не лень их посчитать) Я всё таки не хомяк колёса крутить без повода.
  25. Не отображается рамка на панели "поиск" и не меняется курсор при наведении на запрос. СSS стиль
  26. У меня оказывается в принципе, так и было. Ломало всё только инициализация карты. Немного переделал https://codepen.io/npofopr/pen/RwwaodB Теперь думаю, как проще карту "удалять" при повторном клике. И кажется придумал. Самое простое, наверно, сделать две кнопки. Одна добавляет, другая удаляет) — Во. И соседние вроде очищаются. И даже на проде работает) Ковнокод правда, но и так пойдёт)) https://codepen.io/npofopr/pen/RwwaodB Теперь правда проблема в карту сбрасывать. Почему то, 1. если нажать на name2 2. открыть карту 3. нажать на Список городов 4. а потом снова нажать на name2 -> Показать карту, то карт уже получается две. Вроде и элемент удаляю. А аппенд как бы два раза срабатывает.
  1. Load more activity