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. Всыплывающее окно

    Добрый всем день! С праздником вас! Подскажите, видел где-то, но не знаю, где найти: всплывающее окно с описанием товара появляется из открывающихся шторок вверх-вниз, пополам. Т.е. нажимаете вы на кнопку ПОДРОБНЕЕ у товара, сайт от середины по горизонтали как бы открывается вверх-аниз, а внутри то самое окно с описанием товара. Спасибо! Жду ссылку или ответ.

    Asked by Vic-Tor,

    0 votes
    4 answers

  2. Как убрать отступ body

    Начал верстать шаблон и сразу же непонятный момент. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product</li> …

    Asked by nevalek,

    0 votes
    13 answers

  3. Вместо Open Sans Condensed браузер рендерит системный шрифт

    Подключаю с Google Fonts Open Sans Condensed, но какому бы не элементу не присваивал, вместо него браузер всегда рендерит системный шрифт — Liberation Serif в Ubuntu и Times New Roman в Windows. Другие шрифты, Open Sans или Roboto, например, применяются исправно, а именно с Open Sans Condensed загвоздка. Подключаю так (на самом деле эту строку генерит шаблон Drupal, я только указываю название шрифта в настройках темы): <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans+Condensed" media="all"> В итоге: В чём может быть причина такого поведения?

    Asked by vkapas,

    0 votes
    2 answers

  4. Скрипты для интернет магазина

    Я все не могу понять,как работает интернет магазин. Я могу верстать сайты,понимаю html и css, но не понимаю как сделать так,чтобы при нажатии кнопки купить,посетитель мог оплатить покупку так,как это происходит в обычном интернет магазине.Очень нужна ваша помощь

    Asked by 4/_3/<54ndr,

    0 votes
    2 answers

  5. Рендеринг шрифта отличается на macOS и Windows

    Здравствуйте. При выделении подключаемый шрифт на сайте рендерится по разному на macOS и Windows. Браузер Chrome последней версии. Вот так шрифт отображается на ОС Windows - идеально расположен по центру А вот так уже на macOS. Шрифт смещен с центра к верху. Сталкиваюсь не в первый раз с этой проблемой. В чем может быть проблема? Возможно кто-то сталкивался с подобным? В какую сторону копать в таком случае?

    Asked by Temiks,

    0 votes
    3 answers

  6. Свой шрифт(из интернета)

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

    Asked by Frogg,

    0 votes
    1 answer

  7. Эффект при наведении

    Всем привет, подскажите пожалуйста как добиться такого эффекта при наведении как на видео. Заранее всех благодарю. ScreenRecorderProject2.mkv

    Asked by Gruzin,

    0 votes
    4 answers

  8. Помогите оформить рамку

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

    Asked by Familyar,

    0 votes
    2 answers

  9. [LESS] Разные правила для блоков с разными родителей

    Всем привет. Есть верстка: <div class="sharing-new position-left"> <div class="sharing-new-title">Заголовок 1</div> </div> <div class="sharing-new position-bottom"> <div class="sharing-new-title">Заголовок 2</div> </div> Для блока sharing-new-title с модификатором родителя position-left нужно применить один стиль, а для него же, но с модификатором position-bottom - другой. Пытался сделать по аналогии с вариантом https://jsfiddle.net/3qsfcep7/, но так НЕ работает: .sharing-new { &.position-left { &-title & { color: red; } } &.…

    Asked by Shurikkan,

    0 votes
    3 answers

  10. Как задать отступ для колонки

    Здравствуйте, я начинающий верстальщик, только учусь сейчас изучаю технологию Bootstrap и у меня возникла проблема, есть три блока с контентом, каждый занимает по 4 колонки то есть использую col-md-4, в сетке бутстрапа в макете все отлично сходиться вместе с 20px margin-right, но в верстке как только в CSS пишу margin хотя бы 1 px, последний блок сезжает на строчку ниже. Подскажите как с этим быть заранее спасибо.

    Asked by vka986,

    0 votes
    2 answers

  11. Всплывающее изображение при наведении

    Есть HTML список. Хочу сделать так, чтобы при наведении на пункт всплывало соответствующее изображение заданных размеров. Из обязательных условий - чтобы изображение перемещалось вместе с курсором мыши. Гуглил, но все что удалось нагуглить - это изображение, которое появляется в определенном месте, а не "бегает" приклеенным к курсору. Может кто-нибудь сталкивался, дайте ссылку на реализацию подобной фичи.

    Asked by xSPiRiTx,

    0 votes
    6 answers

  12. Иконки анимация

    Привет всем.Не могу поменять размер иконок с сайта https://fontawesome.com/icons/key?style=solid и не получается сделать такие разделы как на картинке, может кто-то занет как это сделать? вот ссылка на код http://jsfiddle.net/kcd86y01/1/ и они еще должны выезжать анимацией

    Asked by Govt_sm80,

    0 votes
    2 answers

  13. Как сделать текст адаптивным?

    Здраствуйте!Делаю адаптацию сайта и текст уходит в право когда все елементы слева.Пробывал margin:0; и все равно текст остается с права

    Asked by kartopelka,

    0 votes
    6 answers

  14. Проверка Формы на пустоту.

    Добрый день! Помогите, пожалуйста, мне нужно сделать так, что-бы форма не отправлялась мне на мыло пустая, а чтоб проверялась на пустоту... <div id="order" class="popup"> <a href="#" onclick="cart.closeWindow('order', 0)" style="float:right">[Закрыть]</a> <h4>Введите данные</h4> <form id="formToSend"> <input id="fio" type="text" placeholder="Имя" class="text-input" /> <input id="city" type="text" placeholder="Район Риги" class="text-input"/> <input id="phone" type="text" placeholder="Контактный телефон" class="text-input"/> …

    Asked by mrvelan,

    0 votes
    5 answers

  15. Закруглённые треугольники с полупрозрачным фоном

    Всем привет. Озадачил меня дизайнер, ничего хорошего не могу придумать, гугл тоже отказывается помогать. Нужно сделать вот такие штуки http://prntscr.com/nsyswi Задача усложнена ещё тем, что фон должен быть пролупрозрачный. Буду благодарна за подсказку.

    Asked by Crystal-3,

    0 votes
    2 answers

  16. Вопрос по вёрстке.

    Добрый вечер. Чтоб не спамить разными сообщениями на форуме создам все тут. #Вопрос 1. Я пока не нашел ответ в гугле, спрошу тут и пойду искать дальше. Шапка сайте идет на всю ширину экрана(лого и форма поиска). а вот ее сайт(статьи меню и т.д) идут в блоке с каждой стороны примерно по 10% ширины нет(как margin я как понимаю) и там ничего не должно быть активно. там будет свой фон. Вот как можно это сделать сразу? я подумал сначала сделать в body убрать по 10% с каждой стороны но у меня там шапка. На текущий момент кроме как когда создавать блоки с контентом их каждый в писать ширину и поля с отступами. Подскажите как это сделать сразу же заранее.

    Asked by Twix,

    0 votes
    2 answers

  17. Радиокнопки

    Добрый вечер! Помогите, пожалуйста, не понимаю как label разместить внутри радикнопок.

    Asked by ElizavetaSenkova,

    0 votes
    2 answers

  18. Помогите пожалуйста розобратся с эти м макетом

    Не могу понять как сделать такой ховер?

    Asked by misinkevych.alina,

    0 votes
    4 answers

  19. Border

    Добрый день. Создал меню горизонтальное и по макету нужно сделать между меню полоску. как должно выглядеть: Фото меню Скрытый текст https://ibb.co/YWy3VTd Я ее добавил в <li>border-right: 1px solid #fff. и у последней ссылки ее нужно убрать. как сделать чтобы рамка не виднелась??? хотел отдельно последний пункт меню взять в ид и убрать ее. но чтото не получается. <li id="contact_us"> <a href="#">CONTACT US</a> </li> кроме как вставлять блок или картинку чтоб замазать ничего не приходит в голову. подскажите пожалуйста реально ли ее убрать через стили ?

    Asked by Twix,

    0 votes
    2 answers

  20. Фиксация цвета шрифта гиперссылки

    Добрый день! Есть два фрейма. Один фрейм содержит статическую html-страницу, представляющую собой таблицу из группы товаров. Клик по гиперссылке в таблице загружает html-страницу с описанием товара в другом фрейме. Помогите изменить и зафиксировать цвет шрифта у гиперссылки, на которую кликает пользователь с таким раскладом, чтобы при следующем клике цвет шрифта гиперссылки, по которой кликнул пользователь в прошлый раз, восстанавливался на исходный. Т.е. цвет шрифта будет носить чисто индикативный характер. Если такое невозможно реализовать на CSS, просьба, сообщить! Заранее спасибо за любое предложенное решение!

    Asked by Montego,

    0 votes
    4 answers

  21. Проблема с кнопками

    Здравствуйте! Помогите, пожалуйста! Что нужно исправить (добавить) в коде, чтобы было как на изображении снизу? Спасибо!

    Asked by clean-nt,

    0 votes
    0 answers

  22. Как закрасить svg при добавлении класса?

    Скажите, как закрасить svg при добавлении класса? По логике должно быть так .like-icon--filled .like-icon__inside { fill: #499DDE; } Но это не работает https://codepen.io/anon/pen/QPoRwg

    Asked by yaparoff,

    0 votes
    2 answers

  23. Сделать ссылку на новое окно меньшего размера. И открывающееся отдельно.

    Хочется сделать так, как здесь: https://www.myscore.ru Кликаешь по любому матчу - и открывается отдельное и меньшее окошко. Я пока что пробовал просто атрибут ссылки target=_blank. Выползала, во-первых, новая вкладка (в том же окне). Во-вторых, того же размера. Спасибо и извините за нубство.

    Asked by Edwards,

    0 votes
    3 answers

  24. На движке Metronic

    Подкинули мне такую вакансию. требуется врестальщик с опытом Скил - Boostrap 3 , jQuery, JavaScript, CSS ,HTML Задача создать Панель по уже готовым эскизам (макету) на движке Metronic (https://keenthemes.com/metronic/) Что значит на движке Metronic? Это просто макет или нечто большее?

    Asked by torsar,

    0 votes
    3 answers

  25. создать текст поверх двух картинок

    Задача: 2 картинки с текстом на их поверхности нужно разместить на одной линии Как сделать? Я сделал так ( не получается) : <div class="foto1"> .foto1{ <img src="#"> display: inline-block; </div position: relative; float: left; <div class="foto2"> } <img src="#"> img:{ </div …

    Asked by Rezvykh,

    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