HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Как правильно сверстать секцию
Как правильней всего сверстать такую секцию? div > a > img?
0 votes4 answers -
Фиксированное меню
Доброго времени суток. Столкнулся с такой проблемой. Создал меню, которое появляется при нажатии на кнопку. Меню является фиксированными и занимает всю ширину и высоту экрана. Проблема в том, что на какой части сайта бы я не находился, при нажатии на кнопку одновременно с открытием меню экран также возвращается на самую первую секцию, а не обходимо, чтобы меню отображалось на том же самом месте сайта, где пользователь его запустил. Не знаю, как лучше всего поделиться таким количеством кода, поэтому просто скину проект на GitHub. https://github.com/Okitonori/ActiveBox
0 votes2 answers -
Вопрос по фрейму
Привет всем. Ребят, помогите справиться с бедой. Нужно в html файле открыть в области другой html файл и выгрузить данные из csv файла в области этого html. Пробовал через iframe и object. Никак не выходит произвести выгрузку данных
0 votes6 answers -
Как лучше сверстать?
Как лучше всего сверстать данную секцию? Чтобы и адаптивить было не сложно.
0 votes2 answers -
Размер SVG изображения
Здравствуйте! Только начинаю знакомиться с SVG форматом для изображения на сайте. Есть, например, логотип, фактический размер на сайте которого равен 200 х 200 пикселей. В случае с png я увеличивал само изображение в два раза для того, чтобы оно красиво смотрелось на ретина дисплеях. Как быть с векторным SVG в таком случае?
0 votes1 answer -
Вывод результатов в зависимости от данных поля
Здравствуйте! Прошу помощи в реализации такого простого механизма. Имеется список уникальных номеров карт и размер скидки по каждой карте. Необходимо на сайте WordPress сделать так, чтобы пользователь вводил в некое поле номер своей карты и видел рядом текущий размер скидки по его карте. Без выпадающих списков и монстров типа WooCommerce (сайт маленький), может каким html кодом или скриптом. Заранее спасибо за любую помощь.
0 votes2 answers -
Кнопка импорта html файла в секцию другого html
Привет всем. Может кто помочь написать кнопку выбора файла, после выбираем html и выгружаем его в секцию другого html
0 votes0 answers -
csv в html
Еще раз здравствуйте. Я все же не могу разобраться с js. Если можете помогите кодом. Есть csv файл, имеющий в себе конструкцию 21| 45 id| num и имеется html таблица в которую нужно вывести значения id, num в определенные секции этой таблицы. Как нужно правильно обратиться к элементам файла csv и вывести в определенные пункты таблицы в html. Помогите кодом!
0 votes0 answers -
justify-content: space-between - выравнивание элементов в нижнем ряду
Здравствуйте! Подскажите, пожалуйста, как избежать такой картины при justify-content: space-between: Хотелось бы, чтобы в нижнем ряду не было пустого пространства между элементами. Как вы избегаете такую проблему? http://jsfiddle.net/osfkzpvy/
0 votes17 answers -
Отступы
Почему кнопка вылазит за границу хедера? У хедере стоит минимальная высота 750px. Как бы я не игрался со свойствами, кнопка постоянно пересекает границу, словно имеет свойство position: absolute. Разве высота хедера не должна растягиваться пропорционально контенту?
0 votes5 answers -
Не могу убрать падинги у li
Верстаю такой хедер и столкнулся с двумя проблемами - Не могу понять почему между li разные падинги, например в Home с права большой паддинг, тогда как значения задал всем li общее - И еще у класса activ слева до рамки пустое место, не как не могу понять за счет чего оно образовалось https://jsfiddle.net/y5dmrL81/
0 votes2 answers -
Проблема с отзывчивой таблицей
Добрый день! Подскажите пожалуйста, как исправить ситуацию? Есть такая таблица, на мониторе смотрится отлично. Когда просматриваю на телефоне, то получается это! Таблица выезжает за край, хотя должно быть видно два столбика - это так называемая отзывчивая таблица! <!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…
0 votes5 answers -
Подскажите как сделать такую форму?
Я решил сделать ее так, используя тег from, для рамки вокруг использовал тег <textarea>, но сейчас не могу кнопку Browse положить внутрь рамки. Пытался позиционировать по id input, но при масштабировании объект вылазит из формы, что впринципе и должно было случиться. https://jsfiddle.net/rgs0afbo/
0 votes5 answers -
border-bottom как расположить рамку внутри?
Как заставить рамку снизу изменить свое расположение, например сделать ее внутри элемента. Пробовал outline-offset очень хорошо работает, но из-за того что свойство outline позволяет использовать все 4 стороны рамки, это не очень удобно, возможно существует способ отключения outline 3 сторон рамки? Или есть какой другой способ?
0 votes3 answers -
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'])) …
0 votes6 answers -
Кнопка "поделиться картинкой вконтакте"
Нужно сделать кнопку "поделиться картинкой в контакте" Простейший вариант <a href="https://vk.com/share.php?url=сайт/папка/картинка.png">поделиться</a> работает, но подписывает картинку "картинка.png" а хочется свой текст (ну да, тот, кто делится, может свой текст добавить, но он этого не делает) Штатный вконтактовский код https://vk.com/dev/Share НЕ работает. Причина проблемы, по-видимому вот в чем - страничка, на которой надодится (должна находится) кнопка, находится не на сайте, где сама картинка, а может вообще быть на локальном компьютере (по протоколу file://) Можно ли в ссылку добавить какой-то еще параметр (кроме url) который подскажет…
0 votes0 answers -
работа кнопок с условием ЕСЛИ
Прошу прощения, но нужна Ваша помощь. возможно ли сделать условие, при котором кнопки сверху, будут работать, типа если это город, один множитель, если это межгород другой множитель. Грубо говоря: если город стоимость остается как в формуле ниже, если межгород, умножается например на 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…
0 votes12 answers -
first-child
Нужно применить оформление только к первому tr входящему в таблицу: table tr:first-child { border-bottom: 1px solid red; } Причем в этой таблице находятся другие таблицы и каждый tr внутри каждой из них получает это свойство. А мне нужно только для первого tr входящего в основную таблицу. Все остальные таблицы - вложенные. Казалось бы... решение проблемы на поверхности: table > tr:first-child { border-bottom: 1px solid red; } Но нет. Так стиль вообще не появляется. Интересно почему. Tr является дочерним для table и я не вижу проблемы. Тоже рекомендуют ребята с оверфлоу, но че-то как-то не работает.
0 votes6 answers -
Всплывющее окно с таймингом
Добрый всем день! Подскажите, покупатели не хотят читать всплывающее окно на сайте. Может существует приблуда, которая считает время просмотра этого окна? Т.е. вы не дочитали или вообще не прочитали, закрываете окно, а оно вам типа: "ВЫ НЕ ДОЧИТАЛИ ДО КОНЦА..." Спасибо! Окно тут.
0 votes1 answer -
Проблема с отображением текста на 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…
0 votes3 answers -
Как вставить в шапку баннер
Приветствую. Можете помочь вставить в саму шапку сайта баннер 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">…
0 votes6 answers -
Верстка писем. Встраивание изображения
Как можно встроить изображение в письмо ? Без абсолютной ссылки. Письмо отправляется программно. Пробовал base64 вставить в img, не отображается... <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAICAgICAQICAgIDAgIDAwYEAwMDAwcFBQQGCAcJCAgHCAgJCg0LCQoMCggICw8LDA0ODg8OCQsQERAOEQ0ODg7/2wBDAQIDAwMDAwcEBAcOCQgJDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg7/wAARCAAPABwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJy…
0 votes3 answers -
Не совпадает расчетная ширина элемента и фактическая
Есть список, в каждом элементе списка от 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 пикселя?
0 votes3 answers -
Автоматизация (парсер, скрипт, виджет и др.) с афишей сайта КУЛЬТУРА.РФ
Уважаемые форумчане, подскажите, пожалуйста, парсер, скрипт, виджет или другое решение для размещения на сайте отдельной страницы или модального окна с информацией (фото + заголовок) от определенного автора с афиши сайта КУЛЬТУРА.РФ Какие есть варианты?
0 votes10 answers -
Как добраться до последнего элемента в строке ?
Разумеется это 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> …
0 votes5 answers