HTML Coding

29542 questions in this forum

1. Нужна помощь с формами отправки данных

   на сайте скопированы несколько форм отправки данных и чтобы заполнить все поля стоит значение обязательно, и поэтому оно требует заполнить все поля на сайте. как можно сделать чтобы при заполнении 2 полей в одной форме оно их отправляло, а не просило заполнить все остальные? сайт http://acses.com.ua/

   Asked by kagan25, April 19, 2016

   0 votes
   5 answers
2. html Вёрстка блоков - как сделать логично?

   Здравствуйте. Верстаю макет, рассчитан для мобильных и планшетов, резиновый временами. Есть такой блок - http://joxi.ru/1A59OwzSKyoyPA . Это вариант для десктопов. Далее для планшетов - http://joxi.ru/V2Ve8MBS0J1DLm . И для мобильных - http://joxi.ru/DrlO1yQc4OMjRA Как будучи в здравом уме и хорошем психическом состоянии сверстать логично, без использования скрытых блоков, типа с заголовком или списком, которые расположены не правильно, как по мне, в планшетной и мобильной версии. Вообще, стоил ли попросить другой дизайн или намекнуть дизайнеру, что он немного не понимает, как верстается из десктопного варианта в мобильные?

   Asked by kattiperk, April 25, 2016

   • css
   • responsive
   0 votes
   5 answers
3. Никака не могу убрать отступы в шапке сайта

   Asked by Mik09, April 26, 2016

   0 votes
   5 answers
4. Галерея для Pop-up

   Ребят, помогите, пожалуйста, уже 2й день зависаю над проблемой. Я создал тестовый сайт для портфолио http://my-tasks.cu.cc/. На сайте в разделе "Галерея" есть кнопка "Посмотри работу". При нажатии на кнопку должно появиться Pop-up окно с галереей изображений ( смотреть тут http://prntscr.com/axydgn ) Но при нажатии кнопки появляется только такое окно ( смотреть тут http://prntscr.com/axyi4w ). Если нажать на стрелку "лево" или "право", то прогружается и сам слайдер. Без Pop-up слайдера все работает без проблем. Сам слайдер я создал при помощи Slick Slider. Pop-up установил Magnific-popup Если кому нужен архив с файлами, вот он (https://drive.…

   Asked by VIVA, April 28, 2016

   0 votes
   5 answers
5. Проблема с подключением шрифтов в FireFox

   Здравствуйте, столкнулся со следующей проблемой. Есть проект веб-сайта, есть две роли, своего рода два интерфейса взаимодействия, пока готовится проект для презентации заказчику, понадобилось разделить весь перечень страниц в соответствии с этими ролями. Проще говоря, есть корневой каталог, в нем: css, js, sass, images, fonts, role-1, role-2. Последние два каталога - каталоги с HTML страницами в зависимости от роли. Допустим, существует файл со стилями site/css/role-1/home-page.css в файле подключаются фонты, например: @font-face { font-family: 'Roboto'; src: local('Roboto Thin'), local('Roboto-Thin'), url('../../fonts/roboto/robotothin.woff2') forma…

   Asked by kickmaker, May 6, 2016

   0 votes
   5 answers
6. Png изображение и раскройка по классам

   Решал практикум на htmlbook. Вот это задание. Полез в ответы за подсмотром решения и наткнулся на одну очень интересную вещь. То решение я перенёс на codepan: http://codepen.io/pojar/pen/dMEbdZ Разметка, позиционирование расчётное, это понятно. Суть вопроса: там есть у каждой такой иконки два class: icon и класс соц. сети. Вот цельная картинка иконок. Вот этот png применяется в решении один раз прямо ко всем подобным элементом с классом icon как background. Далее происходит обращение по классам к конкретному значку. Но как это происходит? Ведь это цельное изображение. С псевдоклассом :hover ситуация идентичная. В коде нету никаких таких объявле…

   Asked by P0jar, May 16, 2016

   0 votes
   5 answers
7. Переменная длина средней колонки

   В донной теме речь пойдёт о стандартной задаче, с которой имеют дело верстальщики, но которая может оказаться сложной для новичков. Макет такой: хедер, футер, между ними три колонки: Задача - сделать так, чтобы ширина средней колонки менялась в зависимости от ширины окна, но быть не менее, ну допустим, 550px. Такая возможность обеспечена на многих сервисах электронной почты, где в средней колонке находится таблица-список писем. В моём коде, если сузить окно, сначала правая, а потом и средняя колонка "выпадут из потока" на следующую строку, а мне нужно, чтобы левая и правая колонка всегда были соответственно слева/справа, а менялась ширина только средне…

   Asked by Gleb2708, May 18, 2016

   0 votes
   5 answers
8. Media queries самые ходовые

   Не хочется изобретать паровоз. Устройств вывода(мониторы, планшеты,телефоны) пруд пруди. У меня 3 и все разного разрешения :(1920х1200), (1280х1024), (1600х900) Хочу узнать кто какие наборы использует самых ходовых Media queries для оптимизации под разные разрешения. @media screen and (max-width: 600px) {...} - видимая область меньше 600px. @media screen and (min-width: 600px) and (max-width: 900px) {...} - от 600 до 900 @media screen and (min-width: 1281px) and (max-width: 1921px) {...} @media only screen and (min-width: 1921px) {...} - больше моего 24дюймового и т.д. Каждое устройство не учтешь, а под самые ходовые надо

   Asked by Alex_, May 19, 2016

   0 votes
   5 answers
9. Navbar ушел в себя.

   Столкнулся с 2мя проблемами с навбаром на сайте. 1. Делаю прописываю ему параметр position: fixed; (дабы скроллился вместе с сайтов, аля баннер) и он перестаёт использовать своё место залезая на шапку. 2. Dropdown меню не работает. Пункты с dropdown меню уходят под шапку. z-index не помог. Сам код - https://jsfiddle.net/9z13k8uo/

   Asked by Alione, May 22, 2016

   • html
   • css
   0 votes
   5 answers
10. Получение практических знаний

    Доброго дня всем. Возникла такая проблема. Уже несколько месяцев изучаю связку HTML+CSS и уже начал изучать JS. Но при этом почти всегда занимался только теоретической частью. На практике делал только задания из книг, но чувствую, что практических знаний очень мало. Поэтому решил сделать свой первый сайтик. И вот тут у меня появились два вопроса. Если не сложно, ответьте мне на них: 1) Вначале пытался верстать в Notepad++, но чувствую, что знаний полностью сверстать страничку пока не хватает. Вот я и подумал, что лучше попробовать изменить готовый макет на бесплатном хостинге, под свои нужды. Так я надеюсь получить знания по структуре, которая используется в нём…

    Asked by Domenys, May 25, 2016

    0 votes
    5 answers
11. Сайт комиксов

    Добрый день! Появился один вопрос и никак не могу найти на него ответ в интернете. Друзьям очень нравятся комиксы, ну и вечно советуют их мне. А тут как раз несколько сериалов выходят по ним. Ну я и заинтересовался) Ну а почему бы не совместить приятное с полезным. Вот и решили попробовать с друзьями создать сайт с комиксами. Неизвестно принесёт ли он прибыль, но практика думаю будет хорошая. Но так как опыта не так много, то и появились некоторые проблемы: Ведь сайт комиксов по своим составляющим напоминает сайты онлайн-кинотеатров. Будут ли какие-либо проблемы, если мы начнём выкладывать на сайт комиксы Marvel, DC и других издательств? С одной сторо…

    Asked by IceGidra, May 30, 2016

    0 votes
    5 answers
12. Создание горизонтально-вертикально-горизонтального меню

    Добрый день. Возникла необходимость научиться созданию многоуровневым меню. Вопрос как создать меню с 3 уровней ? Первый идет горизонтально, второй вертикально и третий горизонтально. До второго уровня я дошел без проблем, а как быть с третьим ? Вот что у меня вышло. ((Заранее прошу прощение за расположение менюшки, выдирал из готовящегося проекта) https://jsfiddle.net/BlackStar1991/zaLupfjr/8/

    Asked by Black_Star, May 31, 2016

    0 votes
    5 answers
13. Фигурные уголки у блоков

    Подскажите пожалста, как выполнить такие углы, ну не прибегая к изображениям http://joxi.ru/0KAg7bkujO1JAl

    Asked by Vlad_P, June 2, 2016

    0 votes
    5 answers
14. анимация SVG

    Здравствуйте! Пытаюсь создать анимацию на сайте с использованием SVG изображения экспортированного с Corel Draw. Я в интернете нашел пример https://css-tricks.com/svg-line-animation-works/ где идет обрисовка изображения при помощи animation в css но когда я заменяю коде изображения в теги path - вставляю код экспортированного с Corel - а изображения в формате SVG то эта анимация не работает. Подскажите как с Corel Draw изображения SVG сделать анимацию в HTML

    Asked by WebPlus, June 13, 2016

    • svg
    • анимация
    0 votes
    5 answers
15. Веб - термометр с динамической подгрузкой значений температуры из txt

    Приветствую. Уважаемы мастера и знатоки своего дела, подскажите пожалуйста или помогите пожалуйста организовать следующее <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Gauge Test</title> <script>var CANV_GAUGE_FONTS_PATH = '../fonts'</script> <script src="../gauge.min.js"></script> </head> <body onload="dR()"> <canvas id="gauge"></canvas> <div id="console"></div> <script> //////////////////Настройки графического термометра////////////////// var gauge = new Gauge({ renderTo : 'gauge', width : 300, height …

    Asked by Ser8191, June 15, 2016

    0 votes
    5 answers
16. Помогите сделать автоматическую карусель

    Всем доброго времени суток. Нужно сделать подобную штуку. Автоматическая прокрутка, изображение, когда доходит до центра, должно увеличиваться. Не нашел готовых примеров в сети. Заранее спасибо.

    Asked by IvanRu08, June 24, 2016

    0 votes
    5 answers
17. Выравнивание по низу

    Как в строчно-блочном блоке выровнить строчный элемент по низу? Я сделал так div{ height:500px; border:1px black solid; display:inline-block; vertical-align:bottom; } p{ border:1px black solid; display:inline-block; vertical-align:bottom; } <body> <div> <p>hkjhkj hjgjh ghjkg</p> </div> </body> vertical-align: Ведь выравнивает только строчные или строчно-блочные элементы, почему тут не сработало?

    Asked by aqua.77, October 7, 2016

    0 votes
    5 answers
18. Отступ от страницы

    Здравствуйте, дорогие форумчане. Название темы не раскрывает суть моей проблемы, но к сожалению, я не смог выразиться яснее. Сейчас я покажу проблему в картинках и нижу под картинками будет ссылка на сайт, т.к. я не знаю в каком куске кода проблема. Такой отступ есть только на страницах с подарками, ни на одной другой странице такого нет, я не знаю в какую сторону уже копать. в стилях прописаны margin и padding 0, сброс стилей присутствует, но делу это не помогает( кусочек серой полосы, это уже от моего браузера, а вот этот белый отступ и нужно исправить. Вот ссылка на эту страницу. Спасибо всем, кто откликнется.

    Asked by MadSandwich, July 7, 2016

    • html
    • css
    0 votes
    5 answers
19. div

    Я столкнулся с проблемой. Я ограничил div margin'ом со всех сторон %'ами, но мне нужно растянуть div на полную ограничив его этими процентами. Как это сделать? Тут height и width не помогает.

    Asked by Danateliant, July 8, 2016

    0 votes
    5 answers
20. Сайт отображается хорошо, а шапку режет

    Здравствуйте! Я мало разбираюсь в веб-дизайне, но вопрос отправила сюда, потому что в теме для начинающих подходящей категории не было. Проблема в следующем - на сайте тема Мистик "с резиновой шириной, но не более 1200 px". Установила шапку размером 1200 на 170. На моем ноутбуке все отлично отображается, но на смартфоне и большом широкоформатном ТВ, к кот подключен другой комп шапку режет справа. При этом сама страница четко входит по полям - прокручивать не нужно. Подскажите, пожалуйста, что мне сделать с шапкой, чтобы она нормально масштабировалась на устройствах с шириной экрана, отличной от 1200 пикселей. Повторюсь, что страницы входят по полям, все отлично…

    Asked by febgirl, July 26, 2016

    • шапка
    • шапка сайта
    • css
    0 votes
    5 answers
21. Резиновый отступ

    Нужно чтобы меню сохраняло целостность когда окно браузера сжимают т.е. чтобы ссылки из меню максимально сжимались прежде чем переносились на другую строку. http://plitka20x20-ru.1gb.ru/site/ Вот как обстоят дела, при сжатии как видно всё разрушается <nav> <ul> <li><a href="uslugi.html">Услуги</a></li> <li><a href="klienti.html">Клиенты</a></li> <li><a href="projekt.html">Проекты</a></li> <li><a href="kontact.html">Контакт</a></li> </ul> </nav> header.top nav{ position: absolute; top: 361px; left: 476px; height: 5…

    Asked by aqua.77, July 27, 2016

    0 votes
    5 answers
22. flex и firefox

    В фаерфоксе возникает проблема с относительными вертикальными отступами у флекс элементов. margin padding Посмотрите оба примера в хроме и в фаерфоксе. В хроме всё отображается так как надо, а в фаерфоксе нет(((. В чём проблема?

    Asked by VeniVidiVici, July 29, 2016

    • display: flex
    • firefox
    • %
    0 votes
    5 answers
23. Назначение отступов у ссылок

    Имеется таблица со списком ссылок. Список имеет ширину 10%. Как сделать чтобы отступы ссылок совпадали с шириной списка? <nav> <ul> <li><a href="uslugi.html">Услуги</a></li> <li><a href="klienti.html">Клиенты</a></li> <li><a href="projekt.html">Проекты</a></li> <li><a href="kontact.html">Контакт</a></li> </ul> </nav> nav{ display: table; border-spacing: 10px; } ul{ display: table-row; } li{ display: table-cell; background: red; width: 10%; //Нужно чтобы отступы были точно такими text-…

    Asked by aqua.77, July 29, 2016

    0 votes
    5 answers
24. Изменяется сайт!

    День добрый. Сталкиваюсь с такой проблемой то что сайт изменяется из-за разрешения экрана сам! Не понимаю из-за чего. Я слышал то что его надо "прорезинить". Не мог бы кто нибудь объяснить как это избегать? Я скинул свои сайт. Если можете то посмотрите и объясните в чем проблема?Спасибо!

    Asked by Tardpipl, August 5, 2016

    • прорезинить
    • изменятся
    • разрешение
    0 votes
    5 answers
25. Проблема с позиционированием блока относительно родителья

    Всем привет. При верстке возникла проблема. В header е есть ссылка при ховере на котором появляется выпадашка. У ссылки и выпадашки есть блок-родитель. Выпадашка отпозиционирован absolute ом относительно родителя. Внутри выпашдашки 3 пункта. В каждом пункте-ссылке есть теги i и spam для FA иконки и текста. Проблема в том, что при позиционирование блока смещением на право, после left: 154px текст автоматически переноситься на следующую строку. Вот фиддл. Никак не могу отловить в чем моя ошибка и как решить его. Спасибо заранее!

    Asked by parnas, August 19, 2016

    • absolute
    • relative
    • position
    0 votes
    5 answers