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

29,542 questions in this forum

  1. Шрифт как на домофоне?

    Всем привет! Подскажите хотя бы название шрифта который используется например в домофонах? Хочу на сайт добавить. Нашел http://www.fontsquirrel.com/fonts/Digital-dream?q%5Bterm%5D=tech&q%5Bsearch_check%5D=Y

    Asked by FitTech,

    0 votes
    2 answers

  2. Две формы на одной странице

    Здравствуйте. Помогите с советом, сам не знаю как сделать. На странице есть форма обратной связи методом post. Код формы: <form name="sentMessage" id="contactForm" novalidate> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="Представьтесь..." id="name" required data-validation-required-message="Пожалуйста напишете своё имя."> <p class="help-block text-danger"></p> </div> <div class="form-group"> <input type="email" class="form-control" placeholder="Ваш Email...…

    Asked by 35th,

    0 votes
    15 answers

  3. Как выровнять текст по вертикали, чтобы всегда был по центру поля?

    <div class="sitebar_body"><ul><li><a href="#"><ul><li class="sb_img_1" id="p_1"></li><li class="sb_txt_1"><p>Плита безопалубочного формирования</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_2"></li><li class="sb_txt"> <p>Колонны</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_3"></li><li class="sb_txt"><p>Ригели</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_4"><…

    Asked by Fizruk,

    0 votes
    2 answers

  4. Экранирование символа

    Всем привет, есть селектор $('input[name=prop ]).val($(this).data().val); на который ругается js из-за prop . Как экранировать символы [ ]

    Asked by htmligor,

    0 votes
    4 answers

  5. Текст после таблицы

    Уважаемые специалисты! Есть некая задача. На странице выводится простая таблица (!с возможностью редактирования): Код страницы такой: <HTML><HEAD> <META content="text/html; charset=utf-8" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.7601.17514"></HEAD> <BODY contenteditable="true"> <TABLE style="WIDTH: 100%" bgColor=#ffffe1> <TBODY> <TR borderColor=#ffffe1> <TD>Text XYZ</TD></TR></TBODY></TABLE> </BODY></HTML> Задача состоит в том, чтобы принудить пользователя редактировать текст именно внутри желтенькой таблицы, а не за ее пределами. Но п…

    Asked by knyazevsergey,

    0 votes
    3 answers

  6. Range slider with two input

    Добрый день. Использую noUiSlider http://codepen.io/npofopr/pen/wKzNaz Как сделать, чтобы каждый инпут менял именно свой ползунок?

    Asked by npofopr,

    0 votes
    3 answers

  7. слайдер

    привет, есть такой слайдер по ховеру, на элемент (треугольник) картинка (внутри треугольника) увеличивается, текст исчезает. Сам треугольник при этом остается конечно. Слайдер должен быть адаптивен. Сложность в том что один блок слайдера (карусели) должен состоять из нескольких картинок. Треугольник очевидно тоже картинка, хотя в принципе его можно как div сделать http://codepen.io/web-tiki/pen/JnLGb Народ, что бы вы посоветовали ?

    Asked by riki,

    0 votes
    3 answers

  8. Возможно ли назначть изображение полям (за пределы wrapper'a)?

    Привет всем! Как видите, у данного макета есть затемнённые поля (у нав-панели, у середны, и у футера) В моём коде средняя часть (и нав-панель, и основная часть, и футер) состоят в div'е шириной 940px и с margin'ом auto, то есть отцентрована) Вопрос: какими средствами можно затемнить эти поля? Как выявить именно их, чтобы присвоить рисунки? Или это невозможно и сделать всю структуру через table?

    Asked by centurionkz,

    0 votes
    2 answers

  9. неправильная реакция браузера Mozilla Firefox на media query

    В шапке у меня прописан вьюпорт <meta name="viewport" content="width=device-width, initial-scale=1">в css у меня прописано свойство body{ background: coral;}@media screen and (min-width: 480px){ body{ background: green; }}Но, смена фона происходит не на 480 пикселе, а на 463px. В хроме все в порядке. Может кто сталкивался, подскажите в чем причина? я хочу, чтобы изменения происходили четко после 480px

    Asked by anvyd,

    0 votes
    1 answer

  10. Ищу стажировку HTML - верстальщик - HTML, CSS

    [В закладки] [Плавающее окно] #1 (permalink) Добрый день, Я начинающий специалист в верстке. Знаю HTML и CSS. Изучаю фреймворки и JS. Очень хочу реализовать свой потенциал в сфере web - разработки. Готова пройти стажировку ( рассматриваю и вариант не оплачиваемой), с дальнейшим трудоустройством. Буду рада интересным предложениям! мой почтовый ящик: verbenkina@gmail.ru

    Asked by YanaYaYa,

    0 votes
    9 answers

  11. border-image

    Здравствуйте. Подскажите пожалуйста новичку, как вставить border-image только с правой стороны?

    Asked by титько,

    0 votes
    2 answers

  12. Как на сайте создать кнопку запуска музыки.

    Я хочу создать 3 квадрата з определенньми песнями. Если нажать то воспроизводится песня, если на другой то вторая песня и т.д. Думал как ето сделать как сам еще новичок в етом деле, а deadline уже скоро( Спасибо!

    Asked by Bodjo,

    0 votes
    3 answers

  13. Не подключается нужный шрифт

    Здравствуйте. Начал верстать и впервые столкнулся с такой проблемой, что не отображаются подключенные шрифты, вернее один из них. Хотя все пути правильные, имя шрифта и подключение тоже, плюс шрифт установлен в системе. Буду благодарен, если кто-то подскажет в чем проблема. Вот куски кода: Подключение шрифта @font-face {font-family: Helvetica-2-UltraLight;src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.eot);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.svg);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.ttf);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.woff);}Применение к ссылке #header ul li a{font-size: 34p…

    Asked by Sergo Skiller,

    0 votes
    2 answers

  14. Не корректная работа .navbar и Sticky [Bootstrap3]

    Приветствую! Я только изучаю bootstrap и в дизайне не силён. У меня такая проблема: Меню .navbar реализовано, как "липкое меню" и при прокрутке, когда прикрепряется к верху, его целостность рушится и подкладывается под карусель.

    Asked by Value_of,

    0 votes
    9 answers

  15. Различный способы подключения стилей

    Здравствуйте! Существует несколько способов подключения стилей. В особенности, это касается случая с медиа запросами. Например, гугл рекомендует делать несколько файлов - отдельный файл стилей для каждого медиа запроса: <link rel="stylesheet" media="(max-width: 640px)" href="max-640px.css"><link rel="stylesheet" media="(min-width: 640px)" href="min-640px.css"><link rel="stylesheet" media="(orientation: portrait)" href="portrait.css"><link rel="stylesheet" media="(orientation: landscape)" href="landscape.css">Естественно, можно все сделать в одном файле стилей. Уважаемые профи, какой способ используете Вы и почему?

    Asked by volshebnyi,

    0 votes
    9 answers

  16. Как перейти на адаптивность ?

    я сверстал для компов. Начинаю переходить на адаптивность создал внешнюю табл стилей для моб и назвал small, там беру ширину, а также значения left для позиционирования. Беру эти значения и делю на 480 и умножаю на сто. Со шрифтом размер шрифта делю на 16 и результат пишу в em. Но получилось в браузере ерунда, одни уменьш другоое - нет. ЧТо я делаю не так ? П ПОМОГИТЕ.... html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, …

    Asked by rpmcmerphy,

    0 votes
    11 answers

  17. А можно ли по условия дочернего элемента сделать изменения в родительском?

    .menu > li:hover > a { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } Тут при наведении на пункт <li> мы изменяем способ отображения блочной ссылки <a> А можно ли, написать такой код CSS, который, скажем, при наведении на li:first-child:hover менял бы параметры отображения родительского блока .menu? Спасибо!

    Asked by Launder,

    0 votes
    10 answers

  18. Не работает bootstrap и fancybox

    Подскажите, почему не работает bootstrap и fancybox? Я вижу, стили fancybox.css не отображаются...их перебивают стили от bootstrap... Хотя, сам скрипт работает: открывается модальное окно, но без стилей...

    Asked by Alfa2015,

    0 votes
    2 answers

  19. не видит локальный bootstrap

    здравствуйте, друзья! скажите, пожалуйста, у кого были преценденты, по каким причинам может быть такое, что локальный бутстрэп не виден, а подключаешь cdn то видит спасибо!

    Asked by Denzil,

    0 votes
    1 answer

  20. проблема с подгонкой страницы под высоту экрана

    Здравствуйте, друзья! Подскажите, пожалуйста, как сделать так, чтобы высота страницы (например вот этой - http://toolbird.com/signup/ отображалась на любом десктопном устройстве тютелька-в-тютельку под размер экрана, без скроллинга. Пробовал ставить body height 1px, чтобы контент заполнил высоту, но нижняя часть формы (кнопка sign up) скрылась при этом под футером. У футера position: absolute Когда делаю ему relative, то форма выползает назад, но появляется скролл при этом.. (

    Asked by Denzil,

    0 votes
    3 answers

  21. Проблема отображения сайта при открытие в браузерах

    Все привет. Пытаюсь сверстать сайт на движке bootstrap 3. Сделал шапку, ориентировался по мозиле, зашел в хром а там все смещено. и так получается что у меня есть значение margin-top: 30px; Если его убрать, то в хроме все будет норм, а если поставить 30px; как мне надо по мозиле, то в мозиле все норм, а в хроме смещение. А так же чучуть различаються шрифты. Я скачал шрифт, и закинул в Панель Управления —> Шрифты. в мозиле один шрифт, а в хроме чуток изменен ( а точнее отступы между буквами больше ) как я понял проблема с кроссбраузерностью, кто что может подсказать с моей проблемой? и дать инфы для изучения кроссбрауз.

    Asked by cpcstrong,

    0 votes
    1 answer

  22. bootstrap carousel

    Всем привет, есть слайдер от бутстрапа называется carousel. Инициализируется он так $('document').ready(function(){$('.carousel').carousel({interval: 6000,pause: 'none'});}) Только при загрузке страницы появляется интервал в 6 секунд , это понятно потому что он стоит в параметрах. Как сделать чтобы при загрузке страницы сразу же появлялся 1 слайд и потом между слайдами интервалы в 6 секунд. Спасибо.

    Asked by htmligor,

    0 votes
    2 answers

  23. Поставить меню в нужное положение.

    Здравствуйте. Кто подскажет, как разместить меню под картинкой. В моем случае получается внизу страницы. <div id="wrapper"><header> <div id= "logo"><img src= "images/logo.png" alt="Логотип" /></div><nav><ul id="menu"><li><a href="#"><span>Home</span></a></li><li><a href="#"><span>About us</span></a></li><li><a href="#"><span>Our support</span></a></li></ul></nav></header></div> CSS#wrapper {width:1260px;margin:0 auto;}

    Asked by Yeldos,

    0 votes
    6 answers

  24. Отцентровать по вертикали содержимое ячейки

    Подскажите, как отцентровать по вертикали содержимое ячейки? http://codepen.io/anon/pen/yYaNyK

    Asked by yaparoff,

    0 votes
    4 answers

  25. проблема при создании адаптивной навигации

    Помогите, пожалуйста... я сделал гамбургер-меню, но вылезли две проблемы. Ссылка на вид до создания гамбургера - https://drive.google...YWFRcENyMVRjSFk Ссылка на вид после создания гамбургера - https://drive.google...eDNKc2g0VnRaeW8 Т.е. гамбургер сделал вроде норм, получилось, но вылезли два дефекта: - разрыв между меню и контентом - поплыла вверх активная ссылка Со поплывшей ссылкой вообще не могу понять, что происходит. А разрыв пытался убрать установив для блоков меню и контента margin-bottom и margin-top соответственно в 0px... не помогло дайте намеки, что это может быть? спасибо большое!

    Asked by Denzil,

    0 votes
    0 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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