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
29542 questions in this forum
-
Помогите с датой публикации
Помогите чайнику с датой публикации, на странице отображается только слово Опубликовано... http://delicate.dp.ua/keramicheskaya-zashita-laka/ Помогите сделать чтобы дата публикации отображалась нормально Спасибо
0 votes6 answers -
Адаптивная вёрстка и как её постичь?
Доброго всем времени суток. Дошёл я в изучении до адаптивной вёрстки. И тут я как-то заплутал) Как я понял есть несколько способов сделать сайт адаптивным. Я понимаю, что многие готовые макеты на CMS уже имеют адаптивную вёрстку. Но хотелось бы научиться адаптировать сайты самому. Но вот информации для новичков в интернете как-то маловато по этому вопросу. Могли бы вы посоветовать несколько источников, книг там или видеоуроков по адаптивной вёрстке? Так, чтобы сразу стало понятно, что это за зверь и как с ним обращаться.
0 votes1 answer -
добавить в свой сайт шрифт Roboto
Всем привет, Хочу добавить в свой сайт шрифт Roboto Для этого захожу на https://www.google.com/fonts и выбираю настройки вроде <link href='https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic' rel='stylesheet' type='text/css'> Мне крайне не нравится что при способе с внешней ссылкой при работе на локальном сервере сайт лезет на гугл Это инода заметно тормозит Поэтому нашел ссылку и скачал файл fonts-master.zip в 262 MiB Судя по всему это ВСЕ файлы гугла? В каталоге Roboto есть файлы : METADATA.pb Roboto-BlackItalic.ttf Roboto-Black.ttf Roboto-BoldItalic.ttf Rob…
0 votes4 answers -
Текст поверх картинки
Доброго времени суток. Столкнулся с проблемой при верстке сайта ресторана. По центру расположен логотип ресторана и немного залезает на контейнер с адресом и номером телефона. Проблема в том что из-за логотипа нельзя навести и выделить номер или адрес, тк картинка прозрачным полем на них заходит. Пробовал баловаться с z-index-ом, но ничего дельного не получилось. html Скрытый текст <div class="container header"> <img src="img/logo.png" class="logo" alt="Логотип гастробара Discovery"> </div> <div class="container main"> <div class="navigation"> <div class="mapandphone"><table…
0 votes4 answers -
Выравнивание по низу
Как в строчно-блочном блоке выровнить строчный элемент по низу? Я сделал так 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: Ведь выравнивает только строчные или строчно-блочные элементы, почему тут не сработало?
0 votes5 answers -
Как при нажатии на кнопку запустить функции и открыть модальное окно.
Всем привет! Думаю, вопрос простой, но не для меня, второй день копаюсь.. Есть модальное окно (div), оно запускается, всё хорошо. в нём есть кнопка: <button type="submit" class="btn-3" onclick="sendzakaz();"><span>Заказать</span></button> <script> function sendzakaz() { $.ajax ( { type: 'POST', url: './mail.php', data: 'name='+document.getElementById('clientname').value+'&phone='+document.getElementById('clientphone').value, cache: false, timeout: 2000, } ); } </script> Это всё отрабатывает, но мне нужно, чтобы по нажатии на "Заказать" после исполнения sendz…
0 votes3 answers -
Доработка кода
Требуется мелкая доработка кода опенкарт. Есть ли кто в сообществе, кто этим занимается?
0 votes0 answers -
Как сделать такое на flexbox?
Нужно с помощью flexbox сделать такое Как это сделать? Пока что получается вот так
0 votes1 answer -
Автоматически добавлять единицы измерения к значению в поле формы.
Есть форма, в нее вводят цифры. Можно ли скрыто или не скрыто автоматически добавлять единицы измерения к значению? Передаю значение из формы сайта, в CRM систему. кусочек html <p>Количество проживающих<br /> <em>(от 1 до 100 человек)</em></p> <input id="number_of_people" name="number_of_people" style="border: 1px solid red;" type="text" /> человека кусочек php 'UF_CRM_146470' => $_POST['number_of_people'], // сохраняем Количество проживающих Например: Человек ввел в поле значение 10, а в "number_of_people" записалось "10 человек".
0 votes1 answer -
Отступ от страницы
Здравствуйте, дорогие форумчане. Название темы не раскрывает суть моей проблемы, но к сожалению, я не смог выразиться яснее. Сейчас я покажу проблему в картинках и нижу под картинками будет ссылка на сайт, т.к. я не знаю в каком куске кода проблема. Такой отступ есть только на страницах с подарками, ни на одной другой странице такого нет, я не знаю в какую сторону уже копать. в стилях прописаны margin и padding 0, сброс стилей присутствует, но делу это не помогает( кусочек серой полосы, это уже от моего браузера, а вот этот белый отступ и нужно исправить. Вот ссылка на эту страницу. Спасибо всем, кто откликнется.
0 votes5 answers -
Верстка шкалы
Здравствуйте. Сделал такую адаптивную шкалу https://jsfiddle.net/x5pv92ox/, в которой будет меняться класс st-level-*, который применяет градиент с другими параметрами. Но мне кажется, что это можно реализовать как-то проще. Посмотрите, может у кого возникнет идея, как это лучше сделать.
0 votes2 answers -
Правильное использование HTML и CSS в сообщениях электронной почты
Дорогие друзья, растолкуйте, нуждаюсь в помощи. Как правильно верстать письма, тут пишут что нужно делайте все во встроенном (inline) стили. На западных же ресурсах, все используют классы, прекрасно работают с дивами и т.п. При попытке сделать на "западную манеру" был вежливо послан гуглом, яндексом и мейлом. Я в замешательстве.
0 votes0 answers -
div
Я столкнулся с проблемой. Я ограничил div margin'ом со всех сторон %'ами, но мне нужно растянуть div на полную ограничив его этими процентами. Как это сделать? Тут height и width не помогает.
0 votes5 answers -
Адаптивная таблица
Здравствуйте, дорогие форумчане, в очередной раз вынужден просить у вас помощи. Есть ли какой-нибудь способ сделать простую таблицу адаптивной? В каком смысле простую? Да самую что ни на есть простую а именно <table> со всеми вытекающими из нее <tr> <td> <th> Я уверен, что это можно сделать посредством css, но моих знаний недостаточно. Как пример: вот моя страница на ошибки отступы и кривой дизайн, можете не смотреть) Интересует внизу страницы таблица с табами. Буду очень благодарен, если кто-то подскажет как ее сделать адаптивной.
0 votes2 answers -
Не загружается картинка
В общем проблема вот в чем,сначала должна идти обводка а до линии должна быть шапка.Я её вставил,но она отображается поверх обводки. Я пробовал сначала разместить шапку, а затем обводку,но шапка не отображается вообще.А если сначала разместить обводку,а затем шапку, шапка отображается. Скрытый текст <div id="header"> <div id="obvodka"> <img src="img/obvodka.png"> </div> <div id="shapka"> <img src="img/shapka.png"> </div> …
0 votes4 answers -
Проблема в создании сайта
Всем привет. Изучил html/css, и начал изучать JS. До PHP пока не дошёл. Но можно сказать как раз по нему у меня и есть вопрос. Никак не могу разобраться в одной теме. Как я понял, сайт можно делать вручную (набор html файлов) или в макете на определённой CMS (как я понял там набор php файлов). Так вот, веб то развивается и мне стало интересно: вот я делаю сайт из 10-15 html файлов (блог, например или фан. сайт) и выкладываю на хостинг. Это ведь получается готовый, созданный мной макет, не заточенный под CMS. Но есть ли в нём сейчас смысл или потом, без cms, его сложно будет поддерживать и обновлять? И вообще как потом его заточить под CMS-ку? Вручную переделыват…
0 votes8 answers -
Плагин View in Browser настройка для SublineText
Добрый день, подскажите пожалуйста, кто сталкивался, как настроить для SublineText 3 плагин View in Browser Что б он отображал HTML фаил в Хроме по умолчанию. (К меня почему то не срабатывают сочетания клавиш Ctrl+Alt+B ) работаю из под Windows.
0 votes3 answers -
Проблема с отступом в шапке на отдельных страницах.
Здравствуйте. Есть сайт: http://csgoqwerty.ru/. На всех страницах, кроме страниц профиля шапка сайта вплотную прилегает к верхней части, а на странице профиля имеет небольшой отступ (скриншот ниже под спойлером). Скрытый текст Проверял такой параметр, как margin, везде стоит нужный 0. При отключении данного параметра в css, шапка на данной странице встает на свое место, но, на остальных страницах съезжает (скриншоты ниже). Скрытый текст Без понятия что делать. Была идея создать отдельный класс для данной страницы, но, дело не в ней, а именно в шапке. Да и как привязать класс именно к ней, когда шапка к ней совсем не…
0 votes2 answers -
Как сверстать такой блок?
Всем доброго времени суток! Нужно сверстать вот такой блок. Не могу понять как правильно сделать подобную рамку. Пробовал через border-image - рамка отображается только слева и справа от блока. Закругления по углам так же не работают, ну и как сделать стрелочку тоже не знаю. Пробовал и так и сяк. Помогите пожалуйста. Заранее спасибо!
0 votes2 answers -
массив сравнить с бд и вывести результат.
Добрый день. вобщем такой вопрос я передаю значения id через запятую методом GET. Мне его нужно принять как массив и вывести данные из бд где каждый id равен тому id что передаю. Не могу придумать как это сделать.
0 votes1 answer -
Как сделать, чтобы прозрачность не затрагивала заголовок
Сам блок div является прозрачным, необходимо сделать так, чтобы элементы которые в нем находятся не принимали свойство прозрачности, я уже попытался вынести h1 из div, но безрезультатно. код: http://jsbin.com/juwapitogi/edit?html,css,output
0 votes2 answers -
array, foreach
Здравствуйте, как обратиться в foreach к массиву, название которого генерируется автоматически? Пробовала конкатенировать знак доллара с переменной в который точное название массива и потом уже на вход в foreach подавать эту переменную но так ничего не работает, как правильно? Спасибо!
0 votes2 answers -
Bootstrap slider: переместить описание на слайде
Bootstrap - slider. Необходимо переместить описание. Попробовал сделать это с помощью position:relative и position:absolute. Но получается перемещать только вверх-вниз. А как сделать это вправо-влево? Вот сам сайт
0 votes1 answer -
Что такое build:css в html?
Здравствуйте! Столкнулся с доработкой чужой верстки и увидел такой момент в html: <!-- CSS Theme --> <!-- build:css assets/css/main.css --> <link rel="stylesheet" type="text/css" href="assets/css/main.css" /> <!--<link rel="stylesheet/less" type="text/css" href="assets/css/main.less" /> <script src="assets/js/less.min.js"></script>--> <!-- endbuild --> Подскажите пожалуйста что это за конструкция и что она делает? Поиск по интернету мне ничего не дал, мои догадки, что она сразу формирует css файл из less. Но как это тогда работает и что для этого нужно, было бы полезно знать с…
0 votes6 answers -
Можно ли сайдбары убрать под контент?
Есть сайт с такой структурой: сайдбар1 сайдбар2 контент http://cssdeck.com/labs/3r2rkid7 Можно ли как-то визуально переместить контент наверх?
0 votes4 answers