Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Помогите в верстке

    Как сделать такой блок? Пользуюсь бустрап 4.

    Asked by shvayko,

    0 votes
    2 answers

  2. Выбор колличества полей в форме.

    Доброго дня. Хочу реализовать такую вещь. Мне нужно сделать форму с некоторым количеством полей. Но количество полей должно быть вариативным. Как я это себе представляю, есть поле для ввода с выпадающим списком, в котором я выбираю например число 4. И у меня под ним появляется 4 поля для ввода, например textarea. Как это можно реализовать? Я не прошу всё расписывать за меня, но прошу хотя бы указать направление в котором можно копать. Заранее всем спасибо.

    Asked by partisan42,

    0 votes
    2 answers

  3. Прижать таблицу к верхней части контейнера

    Написал страничку: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>testPrj</title> <style> .wrapper { height: 100%; display: table; width: 100%; } .header { display: table-row; height: 1px; } .main { height: 100%; display: table; width: 100%; } .horizontalbar { display: table-row; height: 0px; } .box { display: table-cell; } .sidebar { width: 0px; } .sidebar t…

    Asked by ioprst,

    0 votes
    1 answer

  4. Прижать таблицу к верхней части контейнера

    Написал страничку: Скрытый текст <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>testPrj</title> <style> .wrapper { height: 100%; display: table; width: 100%; } .header { display: table-row; height: 1px; } .main { height: 100%; display: table; width: 100%; } .horizontalbar { display: table-row; height: 0px; } .box { display: table-cell; } .sidebar { width: 0px; …

    Asked by ioprst,

    0 votes
    1 answer

  5. Жирный шрифт выглядит не так как на макете

    Жирный шрифт выглядит не так как на макете. На верстке он какой то размытый. Почему такое может быть? http://skrinshoter.ru/s/231118/OzRayo2e решил вопрос: нужно было прописать тегу отдельно font-family: "RobotoBold";

    Asked by yaparoff,

    0 votes
    1 answer

  6. Как убрать отступ после изображения

    Помогите пожалуйста, мне надо, чтобы текст отображался внизу картинки БЕЗ ОТСТУПОВ, сразу после картинки.

    Asked by Elizabeth2018,

    0 votes
    3 answers

  7. Как уменьшать размер букв при изменений размера

    В общем при уменьшении размера окна браузера ,буквы должны уменьшаться, не охота для каждого размера окна браузера прописывать отдельный media запрос с размерами Как избежать этого? Пример: @media screen and (max-width: 580px){ p{ font-size: 40px; } } @media screen and (max-width: 570px){ p{ font-size: 30px; } } Примеры.rar

    Asked by Almaz_Kazan,

    0 votes
    2 answers

  8. Расстояние между текстовыми полями

    Здравствуйте, начал изучать html, делаю "форму обратной связи", меня как перфекциониста раздражает расстояние между блоками текста "subject" и "message" очень сильно бросается в глаза, подскажите как можно выровнять? <form method="POST"> <fieldset> <legend>Форма обратной связи</legend> <input name="name" placeholder="Name" type="text" required/><br> <input name="email" placeholder="Email" type="email" required/><br> <input name="subject" placeholder="Subject" type="subject" required/><br> <textarea style="width:167px; height:36px;" name="message" placeholder="Message" required ></texta…

    Asked by unrealfart,

    0 votes
    2 answers

  9. Как залить svg-контур?

    ребята, научите пожалуйста как залить svg-контур. есть один svg-файлик, в котором всего один элемент path. результат выглядит так мне хотелось бы изменить исходный код файла так чтобы область внутри была залита там же цветом, что и контур. svg-файл прикрепляю к этому посту. filter_fill.svg

    Asked by cyklop77,

    0 votes
    1 answer

  10. Шаблон для документации

    Хотел слизать со странички проекта YardT2 код под локальное использование для документации, но прописав абсолютные ссылки к стилям и скриптам заметил, что элементы LIST, TOC и прочие не подгружаются. Может, в яваскриптах остались относительные ссылки, но я их не нахожу... В чем еще может быть загвоздка? Пример странички Её код на JSFiddle

    Asked by lnva,

    0 votes
    0 answers

  11. Кодировка формы обратной связи

    Добрый день! Делал лендинг на bootstrap 4, я в этом деле новичок. Вставил форму обратной связи для отправки через mail.php и ajax. Кодировка на сервере utf-8, сервер nic.ru. Пользуюсь почтовым клиентом Outlook. Но нормально приходят на почту данные, которые заполнены на английском (например имя Kirill а не Кирилл). Если писать на русском, то приходит вот такое: п п╦я─п╦п╩п╩ Вот код обработчика: <?php $name = $_POST['name']; $email = $_POST['email']; $message = $_POST['message']; $subject = $_POST['subject']; header('Content-Type: application/json'); if ($name === ''){ print json_encode(array('message' => 'Name cannot be empty…

    Asked by Coby87,

    0 votes
    0 answers

  12. Подскажите как сделать подобные эффекты?

    Пытаюсь задать кнопкам №1 №2 - https://jsfiddle.net/67wcyurb/ вот такой эффект атома - https://jsfiddle.net/Lz514wvq/ перенес все анимацию в свой вариант, но что то не работает, помогите разобраться

    Asked by viliksar,

    0 votes
    5 answers

  13. Кривая верстка страницы

    Народ, выручайте! Получил курсовую работу на создание web-сайта абстрактного сервисного центра (кое как, с ней справился. хотя весь мой опыт - несколько сайтов-визиток, созданных много лет назад.). Не использовал какие-либо CMS, просто взял понравившийся шаблон на html, да перепилил его в Дримвивере. Поскольку тащил код отовсюду, вылезли косяки верстки (хотя, в том же Дримвивере, все было ок): Скриншот: Код страницы: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <title>Гарантийный ремонт</title> <script src="resources/scripts/jquery.min.js" type="text/javascript"></scr…

    Asked by Silver Raven,

    0 votes
    3 answers

  14. footer поверх map

    Помогите, пожалуйста, понять как разместить footer поверх map. Я начинающий верстальщик и не могу понять как решить данную задачу. Я пробовала с отрицательным margin-top для footer, тогда он залазит на div и в Chrome и Safari все отлично, но Firefox все съезжает. <main> /*много других тегов*/ <section class="modal-map"> /*форма*/ <div> <iframe src="https://www.google.com></iframe> </div> </section> </main> <footer> </footer>

    Asked by marriavass,

    0 votes
    1 answer

  15. CSS анимация с текстом

    Особо не вдавался в подробности анимации, поэту прошу у вас. Нужно сделать так, чтобы буква при загрузки страницы, после 3с (ПРИМЕРНО) с центра экрана переместилась на 300px (ПРИМЕРНО) в любое из четырех направлений. P.S. Лишнего не пишите, и ссылки на темы не надо кидать.

    Asked by pro100blich,

    0 votes
    0 answers

  16. Как растянуть картинку на весь блок, если картинка прописана не в блоке

    Стиль для блока такой: .empty { padding: 0px; width: 45%; height: 200px; float: left; margin: 50px 8px 50px 8px; background-size: 100%; } В коде таблицы вставлены так: <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/06/osveshchenie-v-parilke.jpg"/></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2017/10/rimskaya-banya-Terma.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/07/postroit-garazh.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/upload…

    Asked by Омск,

    0 votes
    2 answers

  17. Проблема с отображением картинок SlickSlider

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

    Asked by BaggioForever,

    0 votes
    4 answers

  18. сделать ровный градиент

    Добрый день. Помогите сделать ровный градиент,как на картинке. пробую так, но нет плавности перехода: max-height: 150px; background: #dedede; background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #fff), color-stop(40%, #dedede), color-stop(70%, #fff)) !important; background: linear-gradient(to top, #fff 20%, #dedede 40%, #fff 70%) !important;

    Asked by uppercase_css,

    0 votes
    0 answers

  19. Прошу совета. Правила, принципы, секреты и т.д верстки

    В сети есть интенсивы от HTML Academy. В них есть лекции где рассказываются всяческие хитрости, правила, принципы верстки. Например, скрипт надо подключать в конце страницы что б он не блокировал загрузку кода, что теги label и input можно группировать с помощью р и тд. Но эти лекции длятся просто невыносимо долгое количество времени, много разговоров, отвлечения на чат, между полезной информацией, как например вышеописанная, и нет просто времени все это просматривать несколько часов видео в поиске этих вещей. Есть ли такая информация в текстовом виде или в более коротком видеоформате. Пытался гуглить, но ничего не нашел, так как, скорее всего, я не правильно описывал и ф…

    Asked by Mambli_Joe,

    0 votes
    3 answers

  20. Увеличение видео ютуба при наведении

    здравствуйте размести ембед видео ютуба на главной. заказчик хочет чтобы они увеличивались при наведении мыши. есть ли какие-нибудь красивые примеры с оверлеем или типа того.

    Asked by Sunman,

    0 votes
    2 answers

  21. Верстка карточек сотрудников

    Доброго времени суток. Подскажите пожалуйста, если не точный код, то хотя бы в каком направлении двигаться. По какому принципу верстаются вот такие блоки? Как отцентрировать эти карточки между собой, как отцентрировать текст под картинками относительно самих картинок?

    Asked by Fomatik,

    0 votes
    3 answers

  22. Какой родительский элемент у изображения?

    Коллеги, прошу помощи. Есть задача сделать размер изображения адаптирующимся к размеру содержащего ее контейнера. Задание ширины в % помогает, задание же высоты в % не меняет ровным счетом ничего. Подозреваю, что родительским элементом для этой картинки почему-то считается не ее контейнер, а что-то другое. _https://codepen.io/NatalyaY/pen/LMdgWv_ Прошу помочь разобраться. Еще раз резюмирую задачу - нужно чтобы картинка занимала не более 90% по высоте или ширине от размеров div detailed-image-container (насколько я понимаю, второй div с классом detailed-image-frame формируется под размер контента в нем - т.е. самой картинки), структуру div нужно сохранить.

    Asked by NatalyaY,

    0 votes
    2 answers

  23. Реализация динамически появляющихся полей

    При нажатии на кнопку появляется новое поле. Порядок полей идет сверху вниз. По вертикали может помещаться 4 поля http://skrinshoter.ru/s/031218/LKi6NuB4 Если поля не помещаются в ширину контейнера, то они должны переноситься на следующую строку Сделал это на флексбоксе, но поля не переносятся на другую строку при переполненном контейнере https://codepen.io/anon/pen/QJoaXX

    Asked by yaparoff,

    0 votes
    3 answers

  24. Перенос гридов

    Порядок полей идет сверху вниз. По вертикали может помещаться 4 поля Если поля не помещаются в ширину контейнера, то они должны переноситься на следующую строку Сверстал это гридами, но почему то не переноситься на следующую строку https://codepen.io/anon/pen/OaqQNd

    Asked by yaparoff,

    0 votes
    0 answers

  25. Расположение текста на странице

    Помогите, пожалуйста, у меня текст расположен просто по ширине страницы, а надо, чтобы контент занимал 70% ширины страницы и был выровнен по середине с помощью CSS. В общем надо такой вид, как на изображении, что я прикрепила.

    Asked by Elizabeth2018,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept