HTML Coding

29,542 questions in this forum

1. Как лучше сверстать?

   Как лучше всего сверстать данную секцию? Чтобы и адаптивить было не сложно.

   Asked by Okieazy, February 2, 2019

   • html
   • css
   0 votes
   2 answers
2. Верстка карты мест

   Добрый день! Верстаю карту мест, возник вопрос по поводу центрирования заголовков Бизнес и эконом. Учитывая то, что у них свойство display:table-row, не могу никак найти решение проблемы. Помогите,пожалуйста, найти решение проблемы. Код ниже. Спасибо. https://codepen.io/yulshaz/pen/BMWGYe

   Asked by yulshaz@mail.ru, February 1, 2019

   • html
   • табличная верстка
   0 votes
   3 answers
3. Кнопка импорта html файла в секцию другого html

   Привет всем. Может кто помочь написать кнопку выбора файла, после выбираем html и выгружаем его в секцию другого html

   Asked by PShim, February 1, 2019

   • js
   • jq
   • html
   • css
   0 votes
   0 answers
4. Оформление страницы с помощью flexbox

   Всем привет! Я очень начинающий верстальщик, можно сказать что совсем никакой но тяга к знаниям есть, подскажите пожалуйста как грамотно оформить страничку, расположить графические блоки в столбик, текст должен обтекать слева и справа, пример на скриншоте, как это описать в css? Пробовал через flex все делать но текст либо снизу, либо сверху остается. Спасибо за понимание!)

   Asked by borizzz2018, January 31, 2019

   0 votes
   5 answers
5. csv в html

   Еще раз здравствуйте. Я все же не могу разобраться с js. Если можете помогите кодом. Есть csv файл, имеющий в себе конструкцию 21| 45 id| num и имеется html таблица в которую нужно вывести значения id, num в определенные секции этой таблицы. Как нужно правильно обратиться к элементам файла csv и вывести в определенные пункты таблицы в html. Помогите кодом!

   Asked by PShim, January 31, 2019

   • csv
   • html
   • imoprt
   • js
   0 votes
   0 answers
6. Вывод результатов в зависимости от данных поля

   Здравствуйте! Прошу помощи в реализации такого простого механизма. Имеется список уникальных номеров карт и размер скидки по каждой карте. Необходимо на сайте WordPress сделать так, чтобы пользователь вводил в некое поле номер своей карты и видел рядом текущий размер скидки по его карте. Без выпадающих списков и монстров типа WooCommerce (сайт маленький), может каким html кодом или скриптом. Заранее спасибо за любую помощь.

   Asked by Carbonvda, January 30, 2019

   • wordpress
   • html
   • поле
   • зависимости
   • результаты выборки
   0 votes
   2 answers
7. Импорт данных в html форму

   Добрый день! Есть небольшой вопрос связанный с импортом данных в html форму. Постановка задачи такова: есть html форма которая в дальнейшем отправляется на печать, в определенные пункты этой форму нужно импортировать данные из внешнего файла (excel например). Каким образом можно производить передачу данных? Как сделать это по тегово? Какие есть бесплатные библиотеки по js для формирования отчетов?

   Asked by PShim, January 30, 2019

   • js
   • html
   • data
   • csv
   • excel
   0 votes
   30 answers
8. Отступы

   Почему кнопка вылазит за границу хедера? У хедере стоит минимальная высота 750px. Как бы я не игрался со свойствами, кнопка постоянно пересекает границу, словно имеет свойство position: absolute. Разве высота хедера не должна растягиваться пропорционально контенту?

   Asked by Okieazy, January 25, 2019

   • html
   • css
   0 votes
   5 answers
9. Размер SVG изображения

   Здравствуйте! Только начинаю знакомиться с SVG форматом для изображения на сайте. Есть, например, логотип, фактический размер на сайте которого равен 200 х 200 пикселей. В случае с png я увеличивал само изображение в два раза для того, чтобы оно красиво смотрелось на ретина дисплеях. Как быть с векторным SVG в таком случае?

   Asked by volshebnyi, January 25, 2019

   0 votes
   1 answer
10. Проблема с отзывчивой таблицей

    Добрый день! Подскажите пожалуйста, как исправить ситуацию? Есть такая таблица, на мониторе смотрится отлично. Когда просматриваю на телефоне, то получается это! Таблица выезжает за край, хотя должно быть видно два столбика - это так называемая отзывчивая таблица! <!DOCTYPE html> <html> <head> <meta name="description" content="Демонстрация отзычивая таблица"> <meta name="keywords" content="пример, демо, отзычивая, таблица, CSS"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title> <style type="text/css…

    Asked by АлександрDog, January 25, 2019

    0 votes
    5 answers
11. Подскажите как сделать такую форму?

    Я решил сделать ее так, используя тег from, для рамки вокруг использовал тег <textarea>, но сейчас не могу кнопку Browse положить внутрь рамки. Пытался позиционировать по id input, но при масштабировании объект вылазит из формы, что впринципе и должно было случиться. https://jsfiddle.net/rgs0afbo/

    Asked by viliksar, January 24, 2019

    0 votes
    5 answers
12. border-bottom как расположить рамку внутри?

    Как заставить рамку снизу изменить свое расположение, например сделать ее внутри элемента. Пробовал outline-offset очень хорошо работает, но из-за того что свойство outline позволяет использовать все 4 стороны рамки, это не очень удобно, возможно существует способ отключения outline 3 сторон рамки? Или есть какой другой способ?

    Asked by viliksar, January 24, 2019

    0 votes
    3 answers
13. Не могу убрать падинги у li

    Верстаю такой хедер и столкнулся с двумя проблемами - Не могу понять почему между li разные падинги, например в Home с права большой паддинг, тогда как значения задал всем li общее - И еще у класса activ слева до рамки пустое место, не как не могу понять за счет чего оно образовалось https://jsfiddle.net/y5dmrL81/

    Asked by viliksar, January 23, 2019

    0 votes
    2 answers
14. mysql php выпадающее меню формы

    Добрый день, имеется файл с формой, где несколько пунктов выбираются через выпадающее меню и заносятся в базу <td>Учетка</td><td> <select name="uchetka"> <option value="нет">нет</option> <option value="да">да</option> </select> </td> </tr><tr> </tr><tr> <td>Оборудование</td><td> <select name="komp"> <option value="нет">нет</option> <option value="да">да</option> </select> </td> Так же есть другой файл, который позволяет изменить эти значения. if (isset($_POST['submit_edit'])) …

    Asked by RK3DNP, January 22, 2019

    0 votes
    6 answers
15. justify-content: space-between - выравнивание элементов в нижнем ряду

    Здравствуйте! Подскажите, пожалуйста, как избежать такой картины при justify-content: space-between: Хотелось бы, чтобы в нижнем ряду не было пустого пространства между элементами. Как вы избегаете такую проблему? http://jsfiddle.net/osfkzpvy/

    Asked by volshebnyi, January 22, 2019

    0 votes
    17 answers
16. Кнопка "поделиться картинкой вконтакте"

    Нужно сделать кнопку "поделиться картинкой в контакте" Простейший вариант <a href="https://vk.com/share.php?url=сайт/папка/картинка.png">поделиться</a> работает, но подписывает картинку "картинка.png" а хочется свой текст (ну да, тот, кто делится, может свой текст добавить, но он этого не делает) Штатный вконтактовский код https://vk.com/dev/Share НЕ работает. Причина проблемы, по-видимому вот в чем - страничка, на которой надодится (должна находится) кнопка, находится не на сайте, где сама картинка, а может вообще быть на локальном компьютере (по протоколу file://) Можно ли в ссылку добавить какой-то еще параметр (кроме url) который подскажет…

    Asked by rgl, January 22, 2019

    0 votes
    0 answers
17. Изменить размер и перенести на правую сторону

    Не могу изменить размер и перенести меню на правую сторону. Сейчас это выглядит вот так а хочется вот так (сделано в фш) с цветами я и сама разберусь, а как поставить правильно не понимаю. (Типо код) <html> <head> <meta charset="utf-8"> <title>Цветочный салон: Мираж</title> <style> hr { border: none; background-color: #CD5C5C; color: red; height: 3px; } </style> <style> #navbar { margin: 0; padding: 0; list-style-type: none; border: 2px solid #FF00FF; border-radius: 20px 5px; width: 5…

    Asked by DariaYG, January 19, 2019

    0 votes
    4 answers
18. Всплывющее окно с таймингом

    Добрый всем день! Подскажите, покупатели не хотят читать всплывающее окно на сайте. Может существует приблуда, которая считает время просмотра этого окна? Т.е. вы не дочитали или вообще не прочитали, закрываете окно, а оно вам типа: "ВЫ НЕ ДОЧИТАЛИ ДО КОНЦА..." Спасибо! Окно тут.

    Asked by Vic-Tor, January 17, 2019

    • всплывющее окно
    0 votes
    1 answer
19. Проблема с отображением текста на IPhone

    Всем привет! Проблема с отображением текста в модулях на веб странице. Все работает на всех компъютерах кроме Apple IPhone. Текст в картинках, в нижней части страницы не отображется. Как исправитъ код? .hover03 { height: 100%; width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .hover03:hover { transform: scale(1.2); transform-origin: center; } .hover02 .sppb-cta-title{ color: transparent !important; } .hover03:hover .sppb-cta-title{ color: #ffffff !important; animation:fadeIn ease-in 1; animation-fill-mode:forwards; animation-duration:1s; background-c…

    Asked by mrwad, January 17, 2019

    0 votes
    3 answers
20. Верстка писем. Встраивание изображения

    Как можно встроить изображение в письмо ? Без абсолютной ссылки. Письмо отправляется программно. Пробовал base64 вставить в img, не отображается... <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAICAgICAQICAgIDAgIDAwYEAwMDAwcFBQQGCAcJCAgHCAgJCg0LCQoMCggICw8LDA0ODg8OCQsQERAOEQ0ODg7/2wBDAQIDAwMDAwcEBAcOCQgJDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg7/wAARCAAPABwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJy…

    Asked by SnowSilver, January 16, 2019

    • верстка писеьм
    • встраивание изображения в письмо
    0 votes
    3 answers
21. работа кнопок с условием ЕСЛИ

    Прошу прощения, но нужна Ваша помощь. возможно ли сделать условие, при котором кнопки сверху, будут работать, типа если это город, один множитель, если это межгород другой множитель. Грубо говоря: если город стоимость остается как в формуле ниже, если межгород, умножается например на 2. <div class="switch"> <input type="radio" name="tax" value="1" id="q" class="input" checked> <label for="q" class="label">Город</label> <input type="radio" name="tax" value="2" id="w" class="input"> <label for="w" class="label">Межгород</label> </div> <input type="nomber" id="a" class="input…

    Asked by Wnyr, January 15, 2019

    0 votes
    12 answers
22. Как вставить в шапку баннер

    Приветствую. Можете помочь вставить в саму шапку сайта баннер 468*60, в определенное место? В данный момент код выглядит так как указал ниже. Как лучше сделать? <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Всё для начала игры в SAMP. Скачать Grand Theft Suto San Andreas, Multiplayer для GTA SA, биндер, флудер, редактор худа, редактор карты и многое другое!"> <meta name="keywords" content="<?php include_once 'keywords.php'; ?>" /> <meta name="author" content="Mihail Rusich"&gt…

    Asked by Mihail_Rusich, January 14, 2019

    0 votes
    6 answers
23. Выравнивание блоков/элементов

    Ребят всем привет! Я только начал изучать верстку по видео урокам на ютубе. У меня есть свой макет который я купил у дизайнера. Решил с него поучиться верстать. Подскажите как правильно сделать шапку сайта. У меня все выравнивания происходят с помощь отрицательных "margin". Судя по урокам, везде делают это с помощью flex и тому подобное. Дизайн очень оказался сложным и там много проблем с фонами. Дайте пару советов и подсказок как продолжать дальше. Заранее спасибо ? Вот: макет: Мой сайт

    Asked by Nerwoid, January 14, 2019

    • верстка
    • margin
    • выравнивание
    0 votes
    12 answers
24. Как добраться до последнего элемента в строке ?

    Разумеется это flexbox с переносом Количество элементов не известно На данный момент крайние это : 2 4 8 10 Если добавить то и схема изменится Есть ли возможность добраться до каждого последнего элемента строки ? https://codepen.io/topicstarter/pen/bOQyKm вот здесь весь геморой Забыл написать что добраться надо на css до последнего div в строке ...если это возможно конечно <div class="container"> <div class="c1">1</div> <div class="c2">2</div> <div class="c3">3</div> <div class="c4">4</div> <div class="c5">5</div> <div class="c6">6</div> …

    Asked by Geyan, January 13, 2019

    • css
    0 votes
    5 answers
25. Не совпадает расчетная ширина элемента и фактическая

    Есть список, в каждом элементе списка от 2 div которые содержат картинки разной ширины 452 и 215 пикселей. Div должны располагаться в линию с заданными отступам по 10 пикселей. Соответственно, я рассчитываю, что ширина элемента списка будет (10+452+10)+(10+215+10) =707 пикселей. Выглядеть должно примерно так http://jsfiddle.net/8b4dso7L/3/ , но это работает только при ширине родительского элемента не менее 711 пикселей. при задании ширины родительского элемента в 707px верстка съезжает http://jsfiddle.net/k9j1gbsp/3/ В чем я туплю? Откуда еще 4 пикселя?

    Asked by Tohin, January 11, 2019

    0 votes
    3 answers