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. Скрыть выпирающий блок

    Выпирает блок. Почему-то не получается скрыть его с помощью overflow: hidden. Верстка на bootstrap http://codepen.io/anon/pen/RRBWGN

    Asked by yaparoff,

    0 votes
    2 answers

  2. приоритетность css-правил

    Добрый день! У меня следующий вопрос. ДОпустим, мой html-код выглядит так: ... <body> <div id="allcontent"> .... .... </div> </body> А css-код такой: body { color: red; } #allcontent { color: green; } Цвет шрифта на моей странице будет зеленым, так как нижнее правило приоритетно, так? Но. Если css-код выглядит так: body { color: red; } h1 { color: blue; } #allcontent { color: green; } В этом случае цвет шрифта будет зеленый, кроме голубого цвета шрифта заголовка h1. Вопрос: почему нижнее правило не перекрывает правило для h1, ведь нижнее правило приоритетно. Спасибо за внимание!

    Asked by Анна Иноземцева,

    0 votes
    2 answers

  3. выравнивание дивов в 1 строчку

    Скрытый текст Есть строчка. в начале на треть страницы 1 блок, 2 блок разделяется на 2 маленьких, и 3 блок тоже большой. 3 блока нормально встали, но 4 (2 маленький) не хочет. вот, что выходит. должно быть так. как это сделать? Скрытый текст < <div> <div class="stock_left"> <a href="#"><img src="img/content/stock400x500.jpg" alt="stock"></a> </div> <div class="regist"> <img src="img/content/regist400x240.png" alt="regist"> </div> <div class="stock_right"> <img src="img/conte…

    Asked by OlegBrony,

    0 votes
    2 answers

  4. Не работает позиционирование

    Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Вот сам макет который пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом рекомендаций. Спасибо за понимание.

    Asked by DmiUr,

    0 votes
    2 answers

  5. Тестируя бутстрап сайт на смартфоне выявил некоторые ошибки

    Всем привет, Пробую тестировать свой бутстрап сайт на смартфоне(Fly IQ450 Horizon 2) и вижу несколько ошибок, которые не отображались ни в браузере ни через http://deviceponsive.com/. 1) На этой странице ссылка зайти в модальное окно кликом на "Apply Filter" и поле выбора Status очень узкое по сравнению с другими полями. Такая же картина, если кликнуть на ссылке в списке и откроется редактор то поле выбора Status также очень узкое. В браузере и в http://deviceponsive.com/ это поле отображается нормальным по ширине. В чем дело и как это починить ? 2) Не отображается тег title браузера. Это не очень удобно, из-за того что вся страница при…

    Asked by mstdmstd,

    0 votes
    2 answers

  6. Унаследование свойства от родительского элемента!

    Доброго времени суток, форумчане! Делаю таблицу, нужно чтобы названия каждого артефакта было жирным текстом. Ставить тэг "<b>" в каждую строку - как - то не по профессиональному. Вытекающий вопрос, можно ли вписать это самое свойство родительскому тегу в таблице <th> так, чтобы только первые теги - предки <td> унаследовали данное свойство?! Те самые таблицы - http://super-buble.ru/Gray.html

    Asked by Святослав,

    0 votes
    2 answers

  7. Вместо простого текста сслыка

    Начал верстать макет для сайта, там всего около пары строк, однако почему-то переглючило: простой текст (точнее телефонный номер) отобразился как ссылка без тэга ссылки. Помогите понять, почему так произошло и как сделать нормально отображение телефонного номера. P.S. Хотел прикрепить сюда скриншот, но он почему-то не отображается (всплывает сообщение:"Возникла ошибка..."

    Asked by DmiUr,

    0 votes
    2 answers

  8. Код не проходит валидацию

    Добрый день! Возникла проблема с валидацией : не пойму в чём дело. Вот участок кода <thead> <tr> <th rowspan="2"><b>Menu</b> | Updated 10th of December 2016</th> <th></th> </tr> </thead> Благодарю за помощь!

    Asked by Zakonoposlushniy,

    0 votes
    2 answers

  9. Не работает позиционирование

    Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Сам элемент сверстан как пустой див с цветным фоном. Страничка не выложена в сети, находится у меня в папке компьютера.Вот макет, который я пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом…

    Asked by DmiUr,

    0 votes
    2 answers

  10. Один элемент перекрывает другой

    Решил поверстать макет, предложенный на этому форуме. Там есть изображение чернильницы и бабочек на фоне бардовой ленты. У меня почему-то либо лента перекрывает часть изображения с чернильницей и бабочкой. Либо, если опустить теги с чернильницей и бабочкой ниже, это изображение полностью перекрывает красную ленту и она не показывается вообще. https://jsfiddle.net/of9x1fkg/ Что надо сделать, чтобы чернильница с бабочками нормально и полностью отображалась на фоне ленты? Вот ссылка на макет:

    Asked by DmiUr,

    0 votes
    2 answers

  11. 2 разные Bootstrap сетки

    Всем привет. Есть макет, который отрисован по Bootstrap сетки. Однако на оснвных страницах используется стандартная сетка шириной 1170px, а на нескольких внутренних используется сетка шириной 960px. Как верстать такой сайт правильнее? Подключать два файла стилей бутсрапа? Как тогда указать, как использоваться в данный момент. Заранее спасибо за ответ!:)

    Asked by IvanRu08,

    0 votes
    2 answers

  12. Простая задача на js

    Доброе время суток! Начинаю изучать js. Помогите с такой задачкой вот условие: вывести в одной строке цифры 7 13 100 с двойными пробелами между ними.

    Asked by Ratibor,

    0 votes
    2 answers

  13. Склеить два элемента

    Помогите советом. Как склеить два элемента? код нижнего: .underhead { background: #ededed; padding: 35px 0 22px 50px; } .underhead li { float: left; padding: 12px 0 12px 90px; } .underhead h3 { font-size: 15px; color: #575757; } .underhead:auto { content: ''; display: table; clear: both; } Скриншот приложил. Заранее спасибо

    Asked by serjdjio,

    0 votes
    2 answers

  14. список определений с классом

    Всем привет, Используя список определений с указанием размера хедера в классе будет ли это равноценно по правилам HTML5 и SEO ? Иными словами равноценны ли записи <dt class="h3 ">TEXT</dt> и <h3>TEXT</h3> ?

    Asked by mstdmstd,

    0 votes
    2 answers

  15. Отступы в заголовке

    Подскажите, откуда взялась эта белая полоса между меню и картинкой, что это за отступ ? http://codepen.io/anon/pen/KgKVWk

    Asked by Driven,

    0 votes
    2 answers

  16. Неправильно работает Math.random()

    Как и любой новичок, шарясь по сайтам с ответами на всевозможные мои вопросы я нашёл код, который должен выводить две картинки в рандомном местоположении(написан здешним Sensei вроде), но он почему-то не работает. Подскажите ошибку. <html> <head> <style type="text/css"> html, body { height: 100%; } img { position: absolute; } </style> </head> <body> <script> var img = document.querySelectorAll('img'), i = 0, max = img.length, left, top; for (; i &lt; max; i += 1) { left = Math.round(Math.random() * (document.body.o…

    Asked by mrloregood,

    0 votes
    2 answers

  17. перестроить flex-элементы горкой

    помогите пожалуйста переверстать элементы есть несколько элементов. нужно чтобы на iPad вертикальной ориентации они располагались так: 00 00 00 ,а на iPad горизонтальной ориентации, они располагались так: _00_ 0000 я решил эту задачу, используя flex-элементы и скрытые элементы: jsfiddle page но мне нужно решение, которой использует только возможности flexbox(без костылей в виде скрытых элементов)

    Asked by cyklop77,

    0 votes
    2 answers

  18. Не получается поместить форму регистрации по центру.

    Первый раз создаю сайт... Нужно форму регистрации поместить ровно по центру, да ещё так, чтобы у неё был свой фон. Всё перепробовал ничего не получается.. Вот html и css-http://cssdeck.com/labs/collab/l2wz6lx3 . Кто может поправьте код и посоветуйте что-нибудь. Спасибо !!!

    Asked by WebRab,

    0 votes
    2 answers

  19. Сместился элемент

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

    Asked by myr4ik07,

    0 votes
    2 answers

  20. Кнопка "вернуться назад". Ошибка TypeError: ... is null

    Здравствуйте! Сделал кнопку "вернуться назад": //Move Backward Button var backwardButton = document.getElementById("button"); if (typeof backwardButton !== 'undefined') { backwardButton.addEventListener("click", function () { window.history.back(); }); } На страницах, где нет этой кнопки, появляется ошибка в консоли. В Firefox - TypeError: backwardButton is null, В Chrome - Uncaught TypeError: Cannot read property 'addEventListener' of null. Подскажите, пожалуйста, что я делаю не так?

    Asked by volshebnyi,

    0 votes
    2 answers

  21. ховер для картинки

    Подскажите, пожалуйста ,как сделать что бы картинка при наведении мишки затемнялось ? https://jsfiddle.net/WebVerstka/eyy6xxdf/1/

    Asked by web-verstka,

    0 votes
    2 answers

  22. Вжатая и отжатая кнопки

    Помогите создать две кнопки. Точнее даже не кнопки а два блока в виде кнопок. Одна кнопка должна быть вжата - вроде как уже включена и повторно её нажать нельзя. Вторая, наоборот отжатая - на неё можно нажать. Проблема в визуальном оформлении. Что-то ничего не получается, только вот такая ерунда - https://jsfiddle.net/ctst3y92/ Необходимо именно формой как-то передать состояние кнопок, НЕ цветом.

    Asked by alleclf,

    0 votes
    2 answers

  23. Выравнивание текста относительно изображения

    Добрый день! Наиглупейший вопрос, извиняюсь... Есть изображение (логотип) + наименование организации. Лого слева, текст справа. Как правильнее отцентрировать текст по центру логотипа, что бы решение было максимально адаптивным? Всякие align=middle, vertical-align и padding-top для текста не помогли: то текст скачет, то перескакивает на маленьких разрешениях... Заранее спасибо!

    Asked by dron,

    0 votes
    2 answers

  24. upgrade Bootstrap v2.3.0 на v3.3.7

    Всем привет, А сложно ли перевести приложение c Bootstrap v2.3.0 на v3.3.7 и какие могут быть сложности? И достаточно ли будет переписть каталог и все ссылки на файлы версии v3.3.7? Спасибо!

    Asked by mstdmstd,

    0 votes
    2 answers

  25. Изменить цвет фона заданный в виде градиента

    Всем привет, А как правильно сделать цвет фона заданный в виде градиента background: linear-gradient(90deg, #D9E1EA 10%, #CAC9CE 90%); немного темнее или светлее? Я попробовал на глазок background: linear-gradient(90deg, #E3EBF4 10%, #D7D6DB 90%); и градиент перестал работать... Видимо нужно отнимать(прибавлять) к обем 16и значениям одинаковые значения? Чем в Kubuntu можно сделать такие расчеты? Спасибо!

    Asked by mstdmstd,

    0 votes
    2 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