Search the Community
Showing results for tags 'html'.
-
JavaScript В браузере не выводятся всплывающие окна c с запросами.
qwerty_me posted a question in HTML Coding
Здравствуйте.Возникла проблема со следующим заданием:вывести всплывающее окно, запрашивающее имя пользователя, затем вывести сегодняшнюю дату на экран(её можно увидеть после всего цикла окон),потом задать вопрос касательно обучения в группе(если да-цикл продолжается, нет-вывести окно с отказом),далее ещё одно вводное окно,а потом через всплывающие окна запросить у пользователся значения a,b,c для решения квадратного уравнения.Суть проблемы:как только после if-а, отвечающего за запрос о принадлежности к группе,браузер перестаёт отображать остальные окна и простую инфу о дате,которая просто выводится на экран. Подскажите,пожалуйста,как можно пофиксить эту проблему.Всё никак не могу найти причину этого.Мой одногруппник написал похожий код и у него всё работает,но при сравнении я не увидел каких-то кардинальных различий.Свой и его код прикрепил ниже.Буду весьма признателен за вашу помощь,у меня уже просто нет вариантов,что не так с моим кодом:/ Мой код: <html> <head> <title>вывод различной инфы через всплывающие окна</title> </head> <body> <p id="nameUser"></p> <script> var nameUser=prompt("Введите Ваше имя пользователя."); if (nameUser) { document.getElementById("nameUser").innerHTML = nameUser +",Здравствуйте, добро пожаловать на сайт!"; } else { document.getElementById("nameUser").innerHTML = "Гость, добро пожаловать на сайт!"; } Data = new Date(); Year = Data.getFullYear(); Month = Data.getMonth(); Day = Data.getDate(); switch (Month) { case 0: Month="января"; break; case 1: Month="февраля"; break; case 2: Month="марта"; break; case 3: Month="апреля"; break; case 4: Month="мае"; break; case 5: Month="июня"; break; case 6: Month="июля"; break; case 7: Month="августа"; break; case 8: Month="сентября"; break; case 9: Month="октября"; break; case 10: Month="ноября"; break; case 11: Month="декабря"; break; } document.write("Сегодня "+Day+" "+Month+" "+Year+" года."); if(confirm("Вы учитесь в группе ЭИ-38?")) { alert("Добро пожаловать на страницу, посвященную лабораторной работе по изучению основ JavaScript!") alert("Решите квадратное уравнение: ax^2 + bx + с = 0, где а не равно 0,используя введённые числа для a,b,c") a=prompt("Введите значение а") b=prompt("Введите значение b") c=prompt("Введите значение c") var d = b * b - 4 * a * c; if(d > 0) { x1=(( - b)+(Math.sqrt(d)))/(2 * a) x2=(( - b)-(Math.sqrt(d)))/(2 * a) alert("Корни уравнений:x1="+ x1 +"x2="+ x2 +) document.write("Корни уравнений:x1="+ x1 +"x2="+ x2 +); } if(d == 0) { x1 = (- b) /( 2 * a) alert("Корень уравнения:x1= ",+ x1) document.write("Корень уравнения:x1="+ x1 +); } if(d < 0) { alert("с введёнными значениями квадратное уравнение не имеет корней") } } else { alert("Извините, вход только для своих.") } </script> </body> </html> ниже оригиналы моего кода и одногруппника. index try2.htm variant znakomogo.htm -
В сети есть интенсивы от HTML Academy. В них есть лекции где рассказываются всяческие хитрости, правила, принципы верстки. Например, скрипт надо подключать в конце страницы что б он не блокировал загрузку кода, что теги label и input можно группировать с помощью р и тд. Но эти лекции длятся просто невыносимо долгое количество времени, много разговоров, отвлечения на чат, между полезной информацией, как например вышеописанная, и нет просто времени все это просматривать несколько часов видео в поиске этих вещей. Есть ли такая информация в текстовом виде или в более коротком видеоформате. Пытался гуглить, но ничего не нашел, так как, скорее всего, я не правильно описывал и формулировал запросы. Помогите, пожалуйста. Если можно то ссылкой или как это все правильно называть.
-
Написал страничку: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>testPrj</title> <style> .wrapper { height: 100%; display: table; width: 100%; } .header { display: table-row; height: 1px; } .main { height: 100%; display: table; width: 100%; } .horizontalbar { display: table-row; height: 0px; } .box { display: table-cell; } .sidebar { width: 0px; } .sidebar table { /*height: 100%;*/ width: 100%; position: relative; top: 0; border-collapse: collapse; /*display: block;*/ } .sidebar table, th, td { border: 1px solid black; } .content { height: 100%; } .content iframe { width: 100%; height: 100%; border: none; margin: 0; padding: 0; display: block; } .footer { display: table-row; height:1px; } /* Basic Style*/ * { margin:0; padding:0; } html, body { height: 100%; } </style> </head> <body bgcolor="#FFFFFF"> <div class="wrapper"> <div class="header"> <a href="testTable.html">Untitled</a> </div> <div class="main"> <div class="horizontalbar"></div> <div class="box sidebar"></div> <div class="box content"> <iframe frameborder="0" marginwidth="0" marginheight="0" src="test.svg" id="test_0Id"></iframe> </div> <!--<div class="box sidebar"></div>--> <div class="box sidebar"> <table cellpadding="5"> <caption>Список переменных и их значения</caption> <tr> <th>Переменная</th> <th>Значение</th> </tr> <tr> <td>mon1</td> <td><div contenteditable="true">false</div></td> </tr> <tr> <td>mon2</td> <td><div contenteditable="true">false</div></td> </tr> </table> </div> <div class="horizontalbar"></div> </div> <div class="footer">Footer text</div> </div> <script type="text/javascript" src="test_0.js"></script> </body> </html> На рисунке представлен результат - https://ibb.co/gZAb2A Как таблицу (снизу слева), поднять вверх. Пробовал различные варианты position (+ top), ничего не вышло.
-
Здравствуйте, Я начинающий специалист в верстке. Знаю HTML и CSS. Изучаю фреймворки и JS. Очень хочу реализоваться в сфере Frontend - разработки. Готов пройти стажировку ( рассматриваю и не оплачиваемый вариант ), с дальнейшим трудоустройством. Буду рад интересным предложениям! мой почтовый ящик: mrcojuhari@yandex.ru
-
Написал страничку: На рисунке представлен результат Как таблицу (снизу слева), поднять вверх. Пробовал различные варианты position (+ top), ничего не вышло.
-
Доброго дня. Хочу реализовать такую вещь. Мне нужно сделать форму с некоторым количеством полей. Но количество полей должно быть вариативным. Как я это себе представляю, есть поле для ввода с выпадающим списком, в котором я выбираю например число 4. И у меня под ним появляется 4 поля для ввода, например textarea. Как это можно реализовать? Я не прошу всё расписывать за меня, но прошу хотя бы указать направление в котором можно копать. Заранее всем спасибо.
-
Доброго времени суток. Eсть опыт в адаптивной кроссбраузерной верстке более 3-х лет. Присутствуют знания таких языков как: html(продвинутый уровень); css(продвинутый уровень); js(базовый уровень); jQuery(базовый уровень); php(базовый уровень); Так же имеются знания фреймворков, систем и препроцессоров: bootstrap; less; sass Владею навыками: Wordpress и соответствующей интеграцией под данную CMS. Joomla Одна из последних работ http://test1.ramos78h.beget.tech/ По всем вопросам в skype: sergio09931, ВК: id392591806, почта: ramos7691@gmail.com
-
Здравствуйте. Я начинающий верстальщик сайтов, столкнулся с проблемой при вёрстке карточек товара. Код карточки: HTML <div class="product-wrap"> <div class="product-item"> <img src="source/img/test.png"> <div class="product-buttons"> <a href="#" class="button">Купить</a> </div> </div> <div class="product-title"> <a href="">Test</a> <span class="product-price">₽ 100</span> </div> </div> ——————————————————————————- CSS * {box-sizing: border-box;} .product-wrap { position: absolute; width: 300px; margin: 0 auto; background: white; padding: 0 0 20px; text-align: center; font-size: 14px; font-family: Lora; text-transform: uppercase; } .product-item { position: relative; overflow: hidden; } .product-wrap img { display: block; width: 100%; } .product-buttons { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); opacity: 0; transition: .3s ease-in-out; } .button { text-decoration: none; color: #c0a97a; font-size: 12px; width: 140px; height: 40px; line-height: 40px; position: absolute; top: 50%; left: 50%; border: 2px solid #c0a97a; transform: translate(-50%, -50%) scale(0); transition: .3s ease-in-out; } .button:before { font-family: FontAwesome; margin-right: 10px; } .product-item:hover .product-buttons {opacity: 1;} .product-item:hover .button {transform: translate(-50%, -50%) scale(1);} .button:hover {background: black;} .product-title {color: #5e5e5e;} .product-title a { text-decoration: none; color: #2e2e2e; font-weight: 600; margin: 15px 0 5px; padding-bottom: 7px; display: block; position: relative; transition: .3s ease-in-out; } .product-title a:after{ content: ""; position: absolute; width: 40px; height: 2px; background: #2e2e2e; left: 50%; margin-left: -20px; bottom: 0; transition: .3s ease-in-out; } .product-title a:hover {color: #c0a97a;} .product-title:hover a:after {background: #c0a97a;} .product-price { font-size: 20px; color: #c0a97a; font-weight: 700; } ————————————————— У меня получается карточка. (скриншот прикреплён) Хотелось бы узнать как мне сделать так, чтобы следующая шла с право от неё. Если просто скопировать HTML код, то она остаётся на месте. И как мне сделать так, чтобы когда место справа не осталось, карточка переместилась на следующий ряд. ЗАРАНЕЕ ОГРОМНОЕ СПАСИБО!
-
Добрый вечер, не могу разобраться как сделать отступы с права и слева внутри div. Есть такой код html: <div class="footerPanel"> <div class="footerPanelPadding"> Footer </div> </div> И есть такой CSS: .footerPanel { position: fixed; bottom: 0; padding: 0 20px 20px 20px; width: 100%; } .footerPanelPadding { width: 100%; background: #2a2c30; } Слева отступ делается, а справа нет. Кто то сталкивался с такой задачей? Вот сайт на котором я это делаю: Перейти на сайт Там снизу страницы увидите проблему
-
Всем привет! Мне нужно сделать горизонтальное меню посередине страницы. Я его сделал и через <ul>, при этом width 100% и margin 0, но почему-то слева возник отступ от края страницы. Градиент на заднем плане - это background-image, и там болжны быть белые отступы, потому что картинка такая, а отступ у меню быть не должен.. Не подскажите, как это исправить? Код и скриншоты прилагаю. <body> <div class="topnav"> <ul> <li ><a href="default.asp" id="first">Л1</a></li> <li><a href="news.asp" id="second">Ф2</a></li> <li><a href="contact.asp" id="third">С3</a></li> <li><a href="about.asp" id="fourth">О4</a></li> </ul> </div> </body> body { background-image: url("https://sun1-20.userapi.com/c830108/v830108125/1c35a9/gYiNRO0w7sw.jpg"); background-size: cover; } .topnav { margin: 0 auto; } ul { list-style-type: none; position: absolute; margin: 0 auto; margin-top:23.5%; padding: 0 ; overflow: hidden; height: 83px; width: 100%; } li { float: left; display: inline; } li a { display: block; text-align: center; padding: 24px 34px; }
-
Добрый день, сверстал страницу с блоком новостей которые идут под меню колонкой, по одному блоку в ширину контейнера. В хроме все нормально и в файрфокс на моем ноутбуке с разрешением 1366х768 тоже, но с другого компа верстка сьезжает именно в firefox. Немного полазил в браузере и блок становится на место если убрать overflow: hidden, но тогда текст соотвественно вылезает за пределы блока. Скинул весь css на всякий случай. body { margin: 0; padding: 0; background: url(/img/casfon.jpg); } .frame { width: 1200px; background-color: white; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; } .box { width: 1100px; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; } header { background: url(/img/casino.jpg) no-repeat center; height: 300px; } /* БЛОК НОВОСТЕЙ ГЛАВНОЙ СТРАНИЦЫ*/ .news { margin-left: 100px; margin-bottom: 100px; } .news-block { width: 800px; padding: 10px; margin: 0 0 40px 0; height: 310px; overflow: hidden; text-overflow: clip; font-size: 15px; text-align: justify; line-height: 1.3; } .news-block h2 { font-size: 22px; } .news-block h2 a { text-decoration: none; } .news-image { float: left; width: 300px; height: 280px; padding: 10px; } /* СТИЛИ ЦЕНТРАЛЬНОГО МЕНЮ */ .menu { float: left; border-bottom: solid red 2px; width: 100%; margin-bottom: 50px; } .menu li { list-style-type: none; font-size: 25px; float: left; margin: 0px 0 auto 50px; padding: 20px; } .menu li a { text-decoration: none; } .menu li:hover { background-color: red; } /* СТАТЬЯ КОНТЕНТ ОСНОВНОЙ */ .title { text-align: center; font-size: 25px; } .content { font-size: 18px; text-align: justify; float: left; margin: 30px auto 50px auto; } .content p { overflow: hidden; } .image { width: 330px; height: 300px; margin: 0 auto 20px 20px; clear: both; } .icon { width: 25px; height: 25px; float: left; margin-right: 25px; } /* СТИЛИ ДЛЯ ФОРАМТИРОВАНИЯ ТЕКСТА */ .red { color: red; } /* ПОДВАЛ */ footer { font-size: 13px; text-align: center; padding-top: 40px; display: block; height: 30px; margin-top: -60px; clear: both; border-top: 2px solid red; }
-
Всем привет, как можно реализовать такой слайдер на платформе wordpress. скриншот, и ссылка на источник http://www.futsaldynamo.com/ . Функционал слайдера таков: выводит 4 поста сбоку (которые мы укажем в админке ,) и главный большой блок слайдера это картинка и контент текущего слайда ? Спасибо за внимание и помощь , благодарен любому совету.
-
Нужно написать с помощью, языка HTML, страничку в которой будут 6фреймов, визуально представлено на картинки ниже. пожалуйста, помогите)
-
Установила программу для chrome, позволяет просматривать в браузере как бы выглядел сайт на телефоне и у меня не получается прописать стили, чтобы спрятать боковое меню? <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .... в стилях style.css @media screen and (max-width: 600px) { .menu-niz-1{ display: none; } } меню которое надо убрать <div class='menu-niz-1'> <!--здесь меню--> </div>
-
<!DOCTYPE html> <html lang = "eng"> <head> <meta charset = "utf-8"> <link rel = "stylesheet" href = "css/mains.css"/> <title>Шапка</title> </head> <body> <header> <div class = "container"> </div> </header> <section> <div class = "container"> </div> </section> <section> <div class = "container"> </div> </section> <section> <div class = "container"> </div> </section> <footer> <div class = "container"> </div> </footer> </body> </html> css.... (Файл называется mains.css и находится по пути css/mains.css) header { background-image: url(../img/first-bg.jpg): no-repeat center top / cover; height: 8 px; width: 811 px; }
-
При уменьшении размера браузера и разрешении <=1024 пункты меню едут вниз
allseo posted a question in HTML Coding
Адрес сайта: shoporus.ru , буду благодарен за помощь в решении данной задачи! -
имеется форма на сервере (https://omemo.ca:5281/register-on-omemo.ca) внешнему редактированию она не поддается, так же на ней имеется капча, которую убирать не желательно. на другом сайте сделал красивую форму https://monolith.plus/xmpp/xmpp-register.html name у полей продублировал (такие же как на сайте регистрации) но при отправки формы перекидывает на страницу register-on-omemo.ca Так же хочу заметить, брал всю форму в айфрем, вместе с капчей, в таком случае все нормально срабатывает, но так же остается не редактированный внешний вид, по этому это не подходит. подозреваю что перекидывает на страницу из-за капчи на omemo.ca -
Rebeata, nujna pomosh. Ne znaiu kak skachat mnogo jpg files odnim klick-om . Primer : http://img.tennis-warehouse.com/new_big/AMDBNBW-1.jpg http://img.tennis-warehouse.com/new_big/AMDBNBW-2.jpg http://img.tennis-warehouse.com/new_big/AMDBNBW-3.jpg http://img.tennis-warehouse.com/new_big/AMDBNBW-4.jpg http://img.tennis-warehouse.com/new_big/AMDBNBW-5.jpg Jelatelno bez zip, no esli netu drugogo vyhoda... Izvinite za moi ruskii.
-
Как запустить файл типа index.php на пк?
-
Доброго всем времени суток, нужна ваша помощь . Нужно сделать небольшое всплывающее окно на лэндинг которое показывает сообщения типа "Сейчас марина купила товара на сумму ххх " или "Осталось товара по акции;5шт" , по ссылке пример. Желательно сделать 1в1 . всех благодарю за помощь !
-
Проблема с использованием псевдоклассов (в частности :last-child)
666FoX666 posted a question in HTML Coding
Здравствуйте! Возникла проблема с "версткой" шапки. Имею следующий код: HTML: CSS: Вся проблема в том, что я не могу догнать как мне убрать у последних элементов в nav и nav-profile боковую границу. Я уже как только не пробовал, не могу догнать как это осуществить, максимум что получилось, при том варианте что выше - убирается боковая граница у всех элементов меню вообще. Да, я могу сделать отдельный класс, и присвоить его необходимым элементам, но такое решение совсем как-то не комильфо, мне кажется. Надеюсь на помощь! Заранее спасибо! -
Доброго времени суток, как можно осуществить данную проблему? Как показано на картинке, в бордере имеется пространство которое заполнено иконкой, как именно сделать такое пространство?
-
Здравствуйте. Прошу оценить верстку и указать на ошибки. Макет без адаптивности. Верстал по размерам из фотошопа. index.html main.css сайт на хосте - http://www.testwebtest.h1n.ru/
-
Добрый день, не знаю по теме ли вопрос с PHP include, но может кто нибудь знает и поможет. Сайты разрабатываю на локальном сервере. Суть в том что когда я применяю функции php include, почему то стили не работают, но не всегда, потому что до этого я делал тоже самое с другим файлом и все работало нормально. Я просто понять не могу в чем вообще может быть проблема, браузер обновлял crtl+f5, чистил кэш. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="/css/vsestyle.css"> </head> <body> <header> <div class="box"> </div> </header> <section> <div class="box"> <?php include"blocks/left-side-bar.php" ?> <?php include"blocks/right-side-bar.php" ?> </div> </section> <div class="box"> </div> </section> <section> <div class="box"> </div> </section> <section> <div class="box"> </div> </section> </body> </html> body { padding: 0; margin:0; } header { background: url(/img/vseback.png); height: 300px; } // СТИЛИ ЛЕВОГО БОКОВОГО МЕНЮ И БЛОКА .menu { float: left; } .menu li { list-style-type: none; padding: 10px; } .menu li a { text-decoration: none; } .left-side-bar { float: left; } // СТИЛИ ПРАВОГО БОКОВОГО БЛОКА .right-side-bar { float: right; font-size: 30px; } Так вот все стили применяются корректно, кроме последнего .right-side-bar. В том числе к include"blocks/left-side-bar.php" стили применились нормально, помогите) Кроме того, класс "menu", вложен в left-side-bar.php и на нем все стили отображаются нормально.
-
Здравствуйте, не могли бы мне помочь сделать дизайн элемента <audio>?
