HTML Coding

29542 questions in this forum

1. Конвертировать PNG в SVG и как правильно поставить

   Доброго времени суток. Возникло пару вопросов: - Пытаюсь конвертировать png в svg через вот этот сервис https://convertio.co/ru/png-svg/ . Картинка цветная, на выходе она получается черно-белая... так и должно быть? - А как данную картинку потом вставить, если правильно, что она получается черно-белой... (хотя в принципе как правильно поставить svg) Вроде смотрела примеры, но что-то не поняла.. *первый раз пробую поставить svg Спасибо ^^

   Asked by Mary_RND, May 30, 2017

   • html
   • css
   • svg
   • png
   0 votes
   13 answers
2. Css свойства нескольких блоков

   Прошу прощения за, может быть, глупый вопрос: https://jsfiddle.net/Ser8191/h86vtx6h/ Имеется три блока с одинаковыми свойствами,разное лишь: margin: 10px 0 0 10px; background-image:url(prib1.jpg); Как сделать так, чтобы один раз прописать: width:35px;height:50px; background-position: 50% 50%; background-repeat:no-repeat; border: 1px dotted #5698C9; position: absolute; для всех блоков https://jsfiddle.net/Ser8191/d0g7kr5e/ Так будет правильно?

   Asked by Ser8191, May 30, 2017

   0 votes
   3 answers
3. Не отображаеться картинка

   Здравствуйте ребят нужна помощь в казалась бы элементарных вещах, но сам никак не соображу почему не работает, не верстал уже года 3-4 где то а сейчас понадобилось сделать кнопку, банальная картинка ссылкой но почему то не работает,картинка лежит в той же самой директории,названия правильные,а картинка все равно не отображаеться, в чем может быть ошибка помогите пожалуйста) скрин директории сама картинка и файлик с html разметкой так же прилагаю скрин кода и сайта где картинка(ссылка) не отображается, вроде все элементарно а все равно не работает(

   Asked by Евгений_SB, May 31, 2017

   0 votes
   2 answers
4. Решение для слайдера

   Коллеги, подскажите, как быть. Есть вот такой код для слайдера на сайте: $imagelist[] = '<div class="rotimg" style="background-image:url(/img/8_.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/10_.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/topimg_04.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/topimg_05.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/topimg_06.jpg);"></div>'; <div class="rotate"> <?php sh…

   Asked by Степан, May 31, 2017

   0 votes
   1 answer
5. не работает display:grid

   подскажите может почему не работать display:grid в новых версиях браузеров? Opera 45.0, Chrome 58.0.3029.110 (64-bit), FireFox 53.0.3 был использован рабочий код с вебинара на geekbrains по модульным сеткам, но ни один из указанных браузеров не хочет выводить информацию как надо. на всякий случай вот ссылка на код https://jsfiddle.net/AlexZaw/cdj6h2e1/ PS. разобрался, все дело было в простой опечатке...

   Asked by AlexZaw, June 1, 2017

   • display:grid
   0 votes
   1 answer
6. Сортировка

   Скажите пожалуйста, как можно сделать так что бы допустим блок который идёт в потоке блоков, мог менять свое расположение допустим выше другого или ниже другого в зависимости от нажатой соответствующей кнопки?

   Asked by Chingizovich, June 1, 2017

   0 votes
   1 answer
7. Как выравнять форму по вертикали?

   Здравствуйте! Есть такая верстка: https://jsfiddle.net/uw5qLb12/ Как в этой ситуации выравнять форму по вертикали?

   Asked by borus, June 1, 2017

   0 votes
   7 answers
8. Во второе поле записывается строка без пробелов

   Здравствуйте. Задача выглядит так: В первое поле вводится любая строка, при нажатии на кнопку "GO" во второе поле записывается эта строка без пробелов слева и справа. Для решения данной задачи необходимо использовать метод substr/substring. Не понимаю, как реализовать второе поле, в котором пробелы исчезнут с обеих сторон

   Asked by WebNewbe, June 5, 2017

   • html
   • javascript
   0 votes
   14 answers
9. Как сделать CARDS в линию, по центру и bootstrapped?

   Как сделать CARDS в линию, по центру и bootstrapped? У меня будет 9 карт. А код здесь https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_cards_depth Если можно, то пришлите код. А то я снова накосячу Спасибо

   Asked by 123yes, June 1, 2017

   0 votes
   0 answers
10. почему бг не стакается с верхним краем

    backgorund не стакается с верхним краем css body { background-color: #fff; margin: 0; } div.ferst{ height: 700px; width: 100%; background-position:21.5%; background:#0A0905 url(../img/IMGP4333.png)100% 100% no-repeat; } h1{ margin: 0; padding-left: 250px; padding-top: 59px; } html <!doctype html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <title>Whitesquare</title> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="stylesheet" href="wtf" type="text/css"> <!--[if lt IE 9]&…

    Asked by nikif, June 2, 2017

    • html
    • css
    • background
    0 votes
    5 answers
11. Как правильно задать ширину формы и её селектов?

    Здравствуйте! На странице на ширине монитора в 320px, если кликнуть кнопку "Заказ в 1 клик" возникает форма, ширина элементов которой начиная с элемента div#contactForm_oneclick больше, чем ширина базовой обёртки div#aux. Пробовал назначить div#contactForm_oneclick ширину inherit, чтобы наследовать ширину родительской обёртки, но это не помогло, наверно из-за широких селектов. Скажите пожалуйста, как правильно прописывать стили в такой ситуации так, чтобы форма укладывалась в любую текущую ширину экрана? Отдельно селекты ограничивать?

    Asked by borus, June 3, 2017

    0 votes
    10 answers
12. Как прочитать спрятанный текст в more-link?

    Скрытый текст Скрытый текст Скрытый текст Делаю сайт http://imbim.ru/. Через страницу http://imbim.ru/Школа-моделей/ выхожу на http://imbim.ru/Визаж-и-макияж/ и размещаю код html, через который хочу часть текста “спрятать“, а при нажатии на “Читать полностью“ - прочитать. Получается, так что сам Текст спрятан, но прочитать спрятанный текст не удается. Подскажите, что нужно дописать и доделать? Код который использую привожу ниже: <html> <head> <title>Заголовки HTML</title> </head> <body> <h2 al…

    Asked by Мила, June 3, 2017

    • читать полностью
    • не открывается ссылка
    • more-link
    • html-код
    • вставить ссылку
    • делаю сайт
    0 votes
    16 answers
13. При нажатии кнопки выполняется проверка на количество символов

    Добрый вечер. Помогите пожалуйста, не знаю как сделать подобное задание. Дано пять полей. При нажатии кнопки выполняется проверка того, что все поля содержат строки длиной от 5 до 7 символов.

    Asked by WebNewbe, June 4, 2017

    • html
    • javascript
    0 votes
    4 answers
14. Chrome неверно отображает странницу

    страница отображается во всех браузерах правильно, кроме chrome: баннера перекрывают выпадающее меню что не так для chroma? вот ссылка на страницу http://centrpol.com.ua/index.html прин-скрин прикрепил: слева во всех брайзерах верно, справа в Хроме не верно

    Asked by siemens1111@yandex.ru, June 6, 2017

    • chrome
    • css
    • html
    • z-index
    0 votes
    2 answers
15. Почему checkbox не проставляется?

    Здравствуйте! Дорабатываю форму, которая открывается по клику на кнопку "Заказ в 1 клик". Внизу разместил чекбокс. Скажите, пожалуйста, почему по клику по нему галочка не проставляется?

    Asked by borus, June 7, 2017

    0 votes
    19 answers
16. В начале страницы знак вопроса.

    Asked by nyawqa_bob, June 7, 2017

    0 votes
    2 answers
17. Подскажите как реализовать интерактивное меню.

    Добрый день. Подскажите пожалуйста как правильно реализовать данное меню или список, не знаю как правильней назвать. Нужно чтобы при нажатии на город появлялся блок с информацией и загорался определенное место на карте. Если с появлением блока более менее понятно, то как позиционировать эти красные (активные) города, чтобы они не съезжали с карты на разных разрешениях. Буду благодарен ссылкам на демо и примеры. С меня кофе тому кто поможет мне найти хорошее решение =)

    Asked by Free3e, June 7, 2017

    • меню
    • список
    • анимация
    • html
    • css
    • js
    • jquery
    0 votes
    1 answer
18. Зациклить анимацию картинки css

    Добрый вечер , подскажите пожалуйста , как зациклить анимацию картинки , что бы она плавно увеличивалась и уменьшалась до тех пор пока не навести на неё курсор ? Есть такой код css <style type="text/css"> .hovergallery img{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; /opacity: 0.7;/ margin: 0 0px 0px 0; } .hovergallery img:hover{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); b…

    Asked by qhiey, June 7, 2017

    • анимация
    • html
    • css
    0 votes
    4 answers
19. Адаптированный шаблон

    Добрый день. Подскажите в чём проблема? Когда просто сужаю браузер всё работает как надо, когда начинаю тестировать через device toolbar, то сайт замирает и ничего не меняет. У меня сейчас бошка лопнет, до этого с адаптацией не работал и ошибок найти тоже не могу. Разместил пока тут. Скрытый текст http://f.xmp3.su/22/index.html Помогите пожалуйста, что тут не так

    Asked by alexandrhhh, June 7, 2017

    0 votes
    1 answer
20. Не работают ссылки в плавающем фрейме

    Здравствуйте. Я начинающий в html, да и в программировании в целом, однако, мне эта сфера очень интересна. Суть страницы: список ссылок с полезными страницами. Проблема такая: Есть список ссылок на страничке, и они должны открыться в плавающем фрейме на этой же странице, однако, при клике выдается пустой квадрат. Отмечу, что часть ссылок работает нормально. Текст фрейма: <iframe align="right"; scrolling="yes"; width="80%"; height="800"; name="useful">Содержание</iframe> Тег <frameset> не используется. Проблемная ссылка: <p><a href="http://htmlbook.ru/samhtml/tekst/spetssimvoly"; target="useful";&…

    Asked by WhiteRaven, April 6, 2018

    0 votes
    0 answers
21. hover на 1-й элемент, меняет стиль 2-го элемента

    Добрый вечер. Подскажите пожалуйста как hover 1 элемента менять стили другого? вот пример, почему то не работает... https://jsfiddle.net/Beoulve/zgvw2t8k/ может я вообще не так все делаю и проще скриптами делать или другим методом. p.s. пытался включить div блоки в список li что бы hover заработал, но тогда опасити 1 ставится даже когда на сам блок наводишь, а не только на элемент меню. upd. https://jsfiddle.net/zgvw2t8k/4/ вот пример поновее... upd.2. https://jsfiddle.net/Beoulve/zgvw2t8k/5/ получилось, но, когда курсор уходит с ссылки, блок пропадает, хотя если курсор переходит на блок, блок должен оставаться.

    Asked by Beoulve, June 10, 2017

    • hover
    0 votes
    2 answers
22. радиобаттоны

    Всем доброго дня. Друзья подскажите мне пожалйста. есть сайт лэйндинг. в index.php есть много веб форм. в них прописано много кнопок radio. мне надо с них взять данные и чтобы фаил отвечающий за обратную форму отправка на почту прислал мне их. помогите пожалуйста. прилагаю два фаила в одном полно баттонов и чекбоксов. второй отвечает за отправку(aplication) index.php application.php

    Asked by ms_blade@mail.ru, June 9, 2017

    • проблема с тегами
    0 votes
    2 answers
23. Ява скрипт на бэкграунд

    Здравствуйте. Подскажите пожалуйста такую вещь. Есть скрипт который выполняется через канвас вот так. Все отлично работает, но занимает много места. <div class="orange"> <canvas id="heart"></canvas> </div> CSS canvas { position: relative; left:0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); } НЕ могу понять как сделать скрипт бэкграундом. Чтобы он занимал полную страницу, выполнялся на фоне, а я поверх него мог контейнеры расставлять. Где можно почитать начинающему как вообще делать бэкграундовую анимацию из скриптов. Спасибо

    Asked by Азраэль, June 9, 2017

    • ява
    • верстка
    • хтмл
    • канвас
    0 votes
    1 answer
24. Натяжка на CSM

    Доброго времени суток, помогите разобраться) у меня такие вопросы, я сделал макет сайта(простой даже не оформленный) для проверки онлайн игры, соответственно есть регистрационная форма и сам сайт) не наполненный не оформленный просто коды, но для проверки сойдет, мне нужно натянуть его на какую то csm, и еще это все подключить к хостингу, если и в этом разбираетесь, то хостинг я хочу выбрать свой ноут, есть вертрига, но смогу думаю установить и другие сборки, В общем суть такова, есть клиент игры, есть недосайт, и ноут, мне нужно чтобы это все связалось, а желательно недосайт и ноут, игру я смогу подключить к базе сайта

    Asked by Yktam, June 9, 2017

    • хз
    0 votes
    1 answer
25. Как нейтрализовать смещение контента после исчезновения прокрутки?

    Здравствуйте! Продолжаю дорабатывать форму, которая вызывается по клику на кнопку "Заказ в 1 клик" на странице. После вызова формы видно, что контент под шапкой меню смещается к центру из-за исчезновения скроллинга (появляется overflow:hidden у body) Скажите, пожалуйста, как в современных подходах верстки нейтрализуют подобные смещения?

    Asked by borus, June 9, 2017

    0 votes
    8 answers