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 zotovan1,

    0 votes
    2 answers

  2. Как сверстать такоя?

    Как сверстать такоя? Без js, только css. https://prnt.sc/tuhp95 Требования к результату: - нужна возможность крутить схему, надписи должны оставаться горизонтальными; - должен тянутся на 80% от вьюпорта; - нужна возможность масштабировать весь блок изменяя один параметр; - без использования js

    Asked by torsar,

    0 votes
    9 answers

  3. Не показывает изображение в css помогите

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>Тритон Авто</title> <style> * { margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #2e2e2e; } body { background: #f8f7f3; } a { color: #037d64; } #page { width: 1100px; margin: 0 auto; } #header { background-image: url(‪C:\Users\vip_c\Desktop\html\img\qq.jpg); } </style> </head> <body> <div id="page"> <div id="header"> </div> </div&gt…

    Asked by 7908.96,

    0 votes
    2 answers

  4. есть 4 псевдо-счетчика на странице. Нужно: их рассинхронизировать

    Есть html код псевдо счетчика, который должен реагировать на нажатие кнопки (+1/-1).Сам код работает, но нужно разместить несколько таких счетчиков на странице. При банальном дублировании работает только первый счетчик, а остальные не реагируют на клик.1)Что нужно поменять в коде, чтобы работали все счетчики одновременно на одной странице?2)И как можно сделать, чтобы кликнутая кнопка окрашивалась в другой цвет (на данный момент она только выделяется при наведении и щелчке, потом цвет возвращается в исходный) <div class="likes" style="float: right; padding-left: 10px;"> 105 </div> <div><button class="btn" style="color: #fff; border: none; float…

    Asked by fluki,

    0 votes
    0 answers

  5. transform и transition

    Есть div: <div class="ex1">Пример трансформации</div> Есть css: .ex1 { transform: rotate(30deg); transform-origin: 0% 0%; } Можно ли с помощью transition или как то иначе забацать анимацию (поворот например)? Перепутал ветку форума. Модераторы переместите пожалуйста в css для начинающих 🙂

    Asked by torsar,

    0 votes
    1 answer

  6. Оцените верстку по методологии БЭМ.

    Доброго времени суток!Осваиваю верстку по методологии БЭМ. Прошу оценить мою верстку по БЭМу, интересуют ошибки в коде.Заранее благодарю. https://igor-zzz.github.io/bem/

    Asked by web-verstka,

    0 votes
    2 answers

  7. Подскажите как реализовать выпадающий список

    ЗдравствуйтеУперся тут в одну проблему:Никак не могу придумать как так сделать, чтобы при нажатии на блок, нижние блоки отодвигались вниз и появлялся список.. Помогите плз, голову уже сломал себе

    Asked by muxacb,

    0 votes
    4 answers

  8. надо скрыть текст

    я написал кучу текста после которого идет код страницы, ссылающийся на этот текст, надо скрыть этот текст, я не программист прям совсем

    Asked by IVAN99999999,

    0 votes
    1 answer

  9. не получается создать ссылку которые переводит на электронную почту

    здравствуйте у меня не получается превратить ссылку обучению в E-mail адрес. как бы главная идея в том чтобы при нажатие на ссылку открывался аккаунт пользователя и послать ему что то на электроны адрес. Помогите <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="Styles.css"> <title></title> </head> <body> <table class="rondom"> <tr> <th> Name </th> <th> Last Name </th> <th> Gender </th> <th> Age </th> <th> Date Of Birth </th> <th> Phone Number </th>…

    Asked by Alex Sendler,

    0 votes
    1 answer

  10. Как найти наставника(гуру, учителья, сэнсэя) по вёрстке?

    Доброго тебе дня, друг. Данную тему написать меня сподвигло больше кол-во однотипных тем на тему "Ищу наставника", "Нужен учитель" и тому подобное. Одной из причин тому статья "Путь верстальщика" от автора Максима Усачева, в которой он делится своим безценным жизненным опытом. Я постараюсь пролить свет на некоторые важные (в рамках данной темы) моменты из статьи. Макс пришел на форум имея минимум знаний в сфере разработки и имея большое желание учится. Он упоминает про наставника, но большинство читателей, к сожалению, трактуют данную информацию извращенно. Это не путь к руководству, это всего лишь опыт который получил автор статьи. Нужто ты думаешь, что есл…

    Asked by klierik,

    5 votes
    117 answers

  11. Переход на анкор с другой страницы

    Ребята, всем доброго времени суток, выручайте, делаю свой первый сайт и понимаю ничего:) Сабж, у меня есть главная страница, index.php, на ней есть разделы-анкоры, всякие там "О компании", "Услуги" и.т.д. Менюшка сверху, соответственно, их повторяет. По клику на менюшку, страница скроллится до нужного анкора. Просто-таки шоколад. Но в чем проблема. Менюшка одинакова на всех страницах и мне надо сделать так, чтобы с других страниц по клику на пункт меню открывало мой index.php на нужном анкоре. Собсна, мои познания во всем этом очень неочень. Первое что пришло в голову, прописать в менюшке href="/index.php/#box1" вместо просто #box1, но работает криво, перекидывает на анко…

    Asked by html__noob,

    0 votes
    5 answers

  12. Как при наведении изменить сразу два класса CSS?

    При наведении на div нужно поменять и свойства дива и свойство картинки в нем (другой класс) как это можно сделать через CSS?

    Asked by Birdama,

    0 votes
    2 answers

  13. Закругление фона у :hover при наведении на строку таблицы

    Не могу закруглить углы у background-color. В чем проблема?

    Asked by Tanya2021,

    0 votes
    2 answers

  14. Расположение текста

    Здравствуйте, как сделать данный текст не по центру, а с левого края (равнять по левому концу border). Случайно отправил без скринов: .slider { display: flex; justify-content: space-between; margin-top: 150px; } .slider_item { border-top: 2px solid; width: 24%; font-size: 18px; color: #fff; text-transform: uppercase; padding: 20px 0;

    Asked by Garretidze,

    0 votes
    2 answers

  15. Как сделать так, чтобы при нажатии на кнопку - не перекидывало на другую ссылку?

    Сделал валидацию для кнопки через jquery-vaildate. По макету - нужно сделать так, чтобы после нажатии на кнопку, которая отправляет эту форму - закрывался этот popup и открывался следующий с уведомлением о том, что форма отправлена. Подскажите, как это сделать? Все скрины прикрепил ниже. HTML формы: ``` <div id="modal__wrapper"> <div class="modal__overlay" id="modal__overlay"></div> <div class="modal__window"> <a href="#" class="modal__close" id="modal__close"></a> <div class="mo…

    Asked by Dikkey,

    0 votes
    1 answer

  16. Уменьшить размер шрифта при уменьшении блока

    div.Row { height: 15vh; width: 100%; ... } div.Col{ height: 100%; ..... .Col1{width: 10%;} .Col2{width: 60%;} ) <Div class = "Row"> <Div class = "Col Col1">текст<Div> <Div class = "Col Col2">Длинный текст<Div> </Div> Такой вот код. Как средствами CSS3 сделать так, чтоб текст был, допустим, 70% от высоты ROW (или COL, в моем случае высота одна и таже), но в случае, если не вмещается в заданную ширину блока, автоматически уменьшался в размере? Спасибо

    Asked by minvareg,

    0 votes
    1 answer

  17. Css наследование

    Добрый день! Как сделать наследование при описании класса? Именно при описании, а не родитель -дочерний элемент. Т.е. есть div.Class1 {тут куча всего} Этот класс не используется напрямую, но от него наследуются два класса, т.е. должно получится div.Class2 {border: 1px solid red;} + то, что я определил в Class1 div.Class3 {border: 1px solid black;} + то, что я определил в Class1 Т.е. Class 1 сделан чтоб просто чтоб не дублировать одно и тоже при описании Class2 и Class3 Надеюсь, суть вопроса ясна 🙂 Спасибо

    Asked by minvareg,

    0 votes
    3 answers

  18. Тег <hr>. Возможно ли вместо линии сделать текст?

    Тег <hr>. Возможно ли вместо линии сделать текст? Например что бы вместо линии отображались * * * (три звёздочки). Возможно ли такое? Или может есть какие-то альтернативные варианты как это организовать?

    Asked by ds1990,

    0 votes
    2 answers

  19. Выравнивание пунктов списка с добавленным элементом

    День добрый! Набиваю руку в простенькой верстке придуманного мной сайта. Возникла проблема из за которой рву на себе волосы уже 2е сутки - это выравнивание пункта текста с добавленной картинкой вместо привычных точек. Перепробовал уже все,с list-style-image вообще сделать что либо бесполезно. Перешел на изменения в самом <li>, текст просто накладывается на картинку и сделать ничего не получается. Размер картинки 64x64. Поиски в интернете успехом не увенчались. Ниже мой сырой код по этому вопросу: li { list-style-type: none; } li:before{ content: url("http://s1.iconbird.com/ico/2013/9/447/w128h12813804433922.png"); width: 30px; height: 30px;…

    Asked by AndrewLite,

    0 votes
    4 answers

  20. Шапка и 100% DIV

    Наверно, все просто: подскажите, пожалуйста, как реализовать такое: нужна фиксированная шапка и две области под ней: слева аля меню, в ней может быть прокрутка. И справа - вторая область, 100% высоты и ширины всего остального пространства. Таким образом на странице браузера не должно быть прокрутки. Как это можно простыми средствами сделать? Вот что я имею ввиду (см. картинку): идеально, если у шапки будет тень.

    Asked by Online,

    0 votes
    6 answers

  21. Выравнивание пунктов списка с добавленным элементом

    День добрый! Набиваю руку в простенькой верстке придуманного мной сайта. Возникла проблема из за которой рву на себе волосы уже 2е сутки - это выравнивание пункта текста с добавленной картинкой вместо привычных точек. Перепробовал уже все,с list-style-image вообще сделать что либо бесполезно. Перешел на изменения в самом <li>, текст просто накладывается на картинку и сделать ничего не получается. Поиске в интернете успехом не увенчались. Ниже мой сырой код по этому вопросу: li { list-style-type: none; } li:before{ content: url("http://s1.iconbird.com/ico/2013/9/447/w128h12813804433922.png"); width: 30px; height: 30px; display: grid; marg…

    Asked by AndrewLite,

    0 votes
    0 answers

  22. Как сделать так,чтобы два всплывающих окна перекрывали друг друга при активности?

    Есть адаптивное меню .mobmenu и кнопка обратной связи .feedback.openform. Как сделать так,чтобы при нажатии на гамбургер, меню с темным задним фоном перекрывало кнопку обратной связи,чтобы ее нельзя было нажать? И наоборот,при нажатии на форму обратной связи,нельзя было вызвать адаптивное меню. С меню вроде как я справился,но вот как полностью вывести фидбэк на передний план и чтобы при этом чтобы header с гамбургером отошли назад? https://codepen.io/tempest2708/pen/dyMVoOp pornohub-google-chrome-2020-09-04-00-56-15_AYQgL2jv.compressed.mp4

    Asked by Tempest99,

    0 votes
    1 answer

  23. Как гридами разместить дивы по углам родителя?

    у меня 4 квадрата и я хочу разместить каждый из этих квадратов в каждый угол флекс-контейнера,решил сделать это командой justify-self и когда задаю для дива one параметр justify-self: start, то реакции не идет. Можно ли разместить каждый див по углу через грид? https://codepen.io/tempest2708/pen/ZEWaepy

    Asked by Tempest99,

    0 votes
    1 answer

  24. Как это сделано? Битрикс, hover, фиксация.

    Привет! Не соображу, как сделано так, что при наведении на карточку в каталоге появляется блок добавления в корзину, но высота родительского блока не меняется. Вернее, сетка не расползается. Как это сделано? https://mirbelia.ru/catalog/nizhnee_bele/

    Asked by d0ublezer0,

    0 votes
    1 answer

  25. Скопировать css из фигмы

    Стиль из фигмы только sass. Если преобразовать, то хоть и добавиться точка с запятой но название в стиле не добавляется, что очень трудно если строчек за четыреста. Можно еще как нибудь скопировать безбоязненно стиль из фигмы с обычным css?

    Asked by ChikChicly,

    0 votes
    1 answer

  • Обсуждения

    • 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