HTML Coding

29,542 questions in this forum

1. Вёрстка форм

   Всем добрый вечер/день/утро/ночь (у кого как). Верстаю уже не первый год, но вопросы всё ещё остаются. Постоянно сталкиваюсь с различными формами и их реализациями. Интересует, как семантически грамотно верстать различные формы. Хочется услышать мнения пофессионалов и советы людей, которые действительно знают, что такое верстка, семантика и валидность. Пример 1: <form action="#" enctype="#" method="#" id="#"> <fieldset> <label for="f1"><input type="text" name="#" value="Ваше имя" id="f1" /></label> <label for="f2"><input type="text" name="#" value="Ваш e-mail" id="f2" /></label> <label for="f3"><textare…

   Asked by DjTarik, March 24, 2010

   0 votes
   48 answers
2. Верстка форм

   Здравствуйте! Есть 2 вопроса: 1. Страница: http://livenut.ru/livenut/ Если открыть в IE8 и кликнуть на поля EMAIL и ПАРОЛЬ, то поля скачут по вертикали. Не пойму в чем проблема, в других браузерах такого нет. 2. Для верстки формы использую такой код: <input type="text" value="Корп/стр" size="8" maxlength="8" /> В Opera часть текста скрыта. Если увеличить значение size, то умещается, но тогда соответственно увеличивается отступ справа в других браузерах. Помогите, пожалуйста, разобраться с этими проблемами. - в Opera - нормальное отображение

   Asked by Светлана Г., July 10, 2012

   0 votes
   2 answers
3. Вёрстка форм

   Здравствуйте, помогите выбрать верные ответы: 1)Чему равна ширина элемента .content в следующем коде: .content { box-sizing:border-box; min-width:200px; width:100px; padding:10px; } 1) 100px 2) 120px 3) 200px 4) 220px 2) Чему равна высота элемента .content в следующем коде: .content { box-sizing:content-box; height:200px; max-height:150px; padding:50px; border: 5px solid #000000; width:100px; } 1) 200px 2) 250px 3) 260px 4) 300px 5) 310px

   Asked by AAF, May 6, 2022

   0 votes
   0 answers
4. Верстка форм - нужен совет.

   Доброго времени суток. Есть такая вот картинка, выносящая мозг мне уже несколько суток: Как лучше её сверстать? С уважением, Олег.

   Asked by tt48, April 24, 2011

   0 votes
   16 answers
5. Верстка форм и вопрос по WordPress

   Добрый день, коллеги. Какой самый выгодный способ сверстать форму на отправку такого рода: http://habreffect.ru/777/0959d6d37 Пробовал сделать на плагине Contact Form 7, так как бланк заказа стоит на WP. Столкнулся со странностями данного плагина. Значит проблема в чем? Кто имел дело с этим плагином, тот поймет о чем сейчас пойдет речь. Мне требуется сверстать большую, нет, даже огромную форму. И как себя ведет плагин при этом. У него где-то стоит ограничитель на количество символов для ввода тэгов для верстки? Вот сам скрин http://habreffect.ru/e67/127f3d855 Тоесть дальше "<t" вписать можно много кода, но после нажатия Сохранить, код стирается снова до этого же порога…

   Asked by Bondarov, March 31, 2011

   0 votes
   0 answers
6. верстка форм?

   Подскажите, где можно почитать про верстку форм? Больше всего интересует как изменять вид формы на картинку для текстовых и других полей?

   Asked by olechic, May 11, 2012

   0 votes
   2 answers
7. Верстка форм. Проблемы с FF4

   Доброго времени суток. Есть формочка - http://beavers-net.narod.ru/primers/forms.html Собственно два вопроса - как её сверстать лучше, чтоб не прыгали инпуты туда-сюда и все было ровно и в Лисе input file для аватара не тянется Inline-стилями - в чем фишка? *валидацию прошел. По поиску побродил, но ничего не нашел,( Только вот - http://forum.htmlbook.ru/index.php?showtopic=20084&hl=%E2%E5%F0%F1%F2%EA%E0+%F4%EE%F0%EC Оно занятно, да не об том. Заранее спасибо. С уважением, Олег.

   Asked by tt48, October 25, 2010

   0 votes
   10 answers
8. Верстка формы

   Есть в макете форма, в которой поля расположены следующим образом: Как разместить поля в таком порядке. Для label я пишу display:block, чтобы они были над полями. Если для первого input прописать float-left, то второй input располагается чуть ниже первого. Как это можно правильно сверстать? Вот код формы: <form class="orderform" method="" action=""> <label for="user-name">Ваше имя</label> <input id="user-name" name="user-name" value="" type="text"> <label for="phone-number">Ваш телефон</label> <input id="phone-number" name="phone-number" value="" type="text"> <input type="submit" value="Вызвать мастера"></form&…

   Asked by IvanRu08, August 19, 2015

   0 votes
   4 answers
9. верстка формы?

   http://pixs.ru/showimage/TestRegFor_3853978_4966929.jpg подскажите пожалуйста, как верстать эти формы с работающими табами????нужно верстать отдельно вход и отдельно регистрацию, или как то по другому? И как верстать выступающие элементы Вход и Регистрация?какой html использовать лучше и проще????таблицы или дивы???

   Asked by olechic, June 6, 2012

   0 votes
   6 answers
10. Вёрстка футера на движке Xenforo

    Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .…

    Asked by Mondeus, November 13, 2023

    • изменить футер
    • xenforo
    • футер
    • вёрстка
    0 votes
    0 answers
11. Верстка хедера с чекбоксами

    Помогите, пожалуйста, как сверстать такой хедер

    Asked by Noeltoka, May 31, 2022

    0 votes
    0 answers
12. Вёрстка чата похожего на VK

    При создании чата похожего на VK столкнулся с проблемами: 1) как сделать чтобы полоса прокрутки была не в самом блоке с сообщениями, а для всего документа, как в вк. 2) держать эту прокрутку снизу(ну это уже скорее js)

    Asked by xTODx, June 27, 2015

    0 votes
    0 answers
13. Верстка шаблона

    Добрый день! Помогите с такой проблемой: Есть шаблон с общим фоном: Для понятности разметки поменял на другой цвет: Суть вопроса: надо где черный квадрат и цифра 1, вставить изображение прозрачное в самый угол, ну типо ленточки георгиевской и всё остальное залить фоном: Вот css: html{background-color:#5d1338;} body{background:url(../images/purple/bg.jpg) no-repeat top center;} a.read_more{background-color:#ff9694;} .button_divider{border-bottom:1px #6a2146 solid; border-top:1px #6a2146 solid;} a{color:#ff9694;} h1 span, h2 span, h3 span, h4 span, h1 strong, h2 strong, h3 strong, h4 strong{color:#ff9694;} ul#main_menu li a.selected {…

    Asked by Dizred, December 21, 2017

    • bg
    • background
    0 votes
    21 answers
14. вёрстка шаблона для dle forum 2.4

    появилась задача сделать шаблон для дле форума, который подходит под дизайн самого сайта. но вот беда, ни с ДЛЕшным форумом , ни с вёрсткой шаблонов под форумы(а там всё в тейблах...) я дело не имел(( - ето готово) спасибо slicemastaпоявилась ещё одна беда по етому поводу http://forum.htmlbook.ru/index.php?s=&...st&p=142489

    Asked by Proks, March 15, 2010

    0 votes
    16 answers
15. Верстка шапки.

    Приветствую, коллеги. Загвоздка в верстке шапки. Шапка — цельная картинка шириной в 2000px. Собственно, почему такая широкая? Для больших и малых мониторов. Так вот. Суть в том. Как сверстать, что бы картинка равноудалялась от краев браузера (от левого и правого краев). Именно что бы обрезалась, без уменьшения. Буду очень благодарен за пояснения с кодом css и html. Спасибо.

    Asked by Bondarov, May 1, 2010

    0 votes
    4 answers
16. верстка широкой и высокой таблицы

    Есть вот такая таблица Как её лучше сверстать для повышения читаемости и отсутствия скролла? Сделать выпадащим выбор типа айфона? Скрывать неиспользуемое?

    Asked by Serginhio, January 19, 2016

    0 votes
    2 answers
17. Верстка шкалы

    Здравствуйте. Сделал такую адаптивную шкалу https://jsfiddle.net/x5pv92ox/, в которой будет меняться класс st-level-*, который применяет градиент с другими параметрами. Но мне кажется, что это можно реализовать как-то проще. Посмотрите, может у кого возникнет идея, как это лучше сделать.

    Asked by alex_web64, July 7, 2016

    0 votes
    2 answers
18. Верстка элемента

    помогите сверстать правильно этот элемент

    Asked by volkod, April 28, 2013

    • Верстка
    0 votes
    7 answers
19. Верстка эмайл рассылок

    Как решается проблема верстки эмайл рассылок, сверстаных в html, под разные почтовые клиенты, особенно учитывая что сейчас почту читают с мобильных устройств, которые иногда не поддерживают html? Есть что сказать? В инете даже англоязычном мне показалось недостаточно информации.

    Asked by vassa2107, January 18, 2011

    0 votes
    2 answers
20. Верстка, position: relative, Пустое место, как сделать правильно?

    Всем привет! Извиняюсь что создал новую тему. Но беглый поиск не дал результатов. Собственно проблемма на кринах: http://taraba4.ru/img/_1.png http://taraba4.ru/img/_2.png http://taraba4.ru/img/_3.png И живая верстка: http://taraba4.ru/hammam/ Уже не раз сталкивался с такой проблеммой, решал разными хаками и прочей лабудой... Откуда это береться и как решать, чтобы раз и навсегда... CSS: .top { height: 505px; } .logo { position: relative; z-index: 10; } .logo img { display: block; margin: 0px auto; margin-top: 50px; } .slider { position: relative; z-index: 9; top: -120px; } .bani { margin: 20px auto; height: 150px; } HTML : <div class…

    Asked by taraba4, March 26, 2013

    0 votes
    1 answer
21. Вёрстка, адаптирующаяся под размер экрана

    Некоторое представление о вёрстке я имею, но знаний для решения поставленной задачи не хватает. Поэтому прошу помощи в указании направления обучения. Нужно сверстать сайт, так чтобы он всегда занимал весь размер монитора. То есть все элементы интерфейса должны автаматически перемасштабироваться под соответствующую высоту и ширину экрана. Вёрстка в основном будет состоять из текстов и элементов html+css. Есть ли для них возможности задавать размеры с использованием формул без javascript? Есть ли возможноти для картинок? Есть некоторое количество кнопок с графическими элементами. Решит ли проблему использование svg?

    Asked by PavelTkachev, March 17, 2014

    0 votes
    14 answers
22. Верстка, где основная высота страницы в зависимости от разрешения меняется, но при этом нет основной полосы прокрутки

    Добрый день всем! В общем проблема в следующем: необходимо сделать так, чтобы высота основного блока менялась в зависимости от разрешения экрана, но при этом полоса прокрутки должна появляться только сбоку от элемента, где показана вся основная информация(помимо этого блока имеются шапка и футер) как-то так: Можно ли вообще это сделать средствами css? Или придется использовать javascript? Буду очень благодарен всем, кто поможет решить эту задачу.

    Asked by Findquestion, December 21, 2013

    • прокрутка верстка разршение
    0 votes
    8 answers
23. Вёрстка, проблемы в Опере

    Тема решена!

    Asked by minimal, March 10, 2010

    0 votes
    0 answers
24. Вёрстка: Зависимый выпадающий список

    Здравствуйте. В макете попалась форма поиска в виде зависимого выпадающего списка, где сначала нужно выбрать "Brend" и в зависимости от выбранного бренда, выбрать "Product" , потом уже нажимать Submit. Вопрос заключается в том, как правильно верстать такие формы поиска, чтобы можно было дальше передать программистам ?

    Asked by Александр.Т., February 9, 2016

    • form
    • select
    • option
    • submit
    0 votes
    5 answers
25. Верстка: не могу победить position, overflow, float и т.п.

    Здравствуйте. Пожалуйста, расскажите понятным языком как позиционировать дивы. Я правда гуглил и много читал, но что-то ускользает от понимания. Когда дивов немного все получается, если много получается бардак. Ну вот как пример: скрин: структура: <div class="user_menu"> <div class="user_menu_top"> <div class="user_menu_foto"> </div> <div class="user_menu_info"> тут будет несколько дивов. инфа будет подгружаться с базы</div> </div> <!--end user menu top--> <div class="user_menu_left"> <div class="user_menu_left_button">кнопка</div> <div class="user_…

    Asked by eiti, August 25, 2011

    0 votes
    8 answers