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. Не применяет стили к кнопке

    Какие компиляторы не пробовал, к кнопке стили не применяются. На сайте есть такая же кнопка, пробовал дать одинаковый класс для кнопок, но тоже не работает. Кто сможет подскажите в чём проблема. Вот оформления секции с кнопкой .mobile background-image: url(../img/app_bg.png) (center / cover) no-repeat .title color: #222222 font-size: 38px font-weight: 700 font-style: normal letter-spacing:і normal text-align: center text-transform: uppercase margin-top: 38px .subtitle color: #222222 font-size: 17px fon…

    Asked by whitegremlin,

    0 votes
    1 answer

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

    здравствуйте у меня не получается превратить ссылку обучению в 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

  3. смена цвета кнопок при наведении в woodmart (WP)

    здравствуйте использую в боковом сайдбаре виджет от woodmart- боковая панель Mega Menu цвета заголовка и прочего отредактировать я смог, а вот с цветом и стилем при наведении возникают проблемы. хотелось бы изменить цвет кнопки при наведении на нее, весь код облазил, а найти сам не могу. и если можно сделать подчеркивание так, как сделано в шапке (например, при наведении на кнопку "доставка и оплата", оно реализовано в самих настройках темы) вообще было бы отлично. адрес: все-пестициды.рф

    Asked by MrBakardi,

    0 votes
    1 answer

  4. как правильно записать конструкцию if

    пишу так: a { if &[href $='.pdf'] {$typecontent: '\f1c1';} if &[href $='.xls'] or &[href $='.xlsx'] {$typecontent: '\f1c3';} if &[href $='.doc'] or &[href $='.docx'] {$typecontent: '\f1c2';} if &[href $='.ppt'] or &[href $='.pptx'] {$typecontent: '\f1c4';} if &[href $='.zip'] or &[href $='.7zip'] or &[href $='.rar'] {$typecontent: '\f1c6';} else {$typecontent: '';} } .dsize { color: $wite; &::before { margin-right: .5em; font-family: "Font Awesome 5 Free"; font-weight: 600; content: $typecontent; …

    Asked by teanrus,

    0 votes
    1 answer

  5. Чем заменить параметр zoom?

    Здравствуйте! Такая проблема, хотел адоптировать сайт под маленькие устройства, и это идеально делает css параметр "zoom: .85" (применяю ко всему body) , но проблема в том, что Safari и Firefox это параметр просто не воспринимают. Так вот, чем можно его заменить? Я уже гуглил, там предлагали поменять на transform, но он вообще не так работает, то ли из-за специфики Opencart (CMS установленная на сайте), то ли он просто не подходит в данном случае. Отпишите, пожалуйста, если у вас есть какие-нибудь идеи. В данный момент на сайте включен вариант с ZOOM, в эмуляции телефона гуглом работает отлично. <--Это с zoom <--Это с transform

    Asked by GreenAurora,

    0 votes
    1 answer

  6. Выравнивание текста в таблице

    День добрый. Не могу выровнять текст в заголовках по центру таблице, на команды в HTML не реагирует. Что может мешать в коде ниже? <!DOCTYPE html> <head> <meta charset ="utf-8"/> </head> <body> <table border="1" cellspacing="0" cellpadding="12" width="500"> <h1><div class="name"> #FOOD</div></h1> <table> <tr><div class="menu"> <th align="center"><a href="https://vk.com/pashinskijj1992"</a></div>VK</th> <th align="center"><a href="https://www.youtube.com/channel/UC1GzSj4uar7I4Zx-p_4IPcw"</a>YouTube</th&…

    Asked by AndrewLite,

    0 votes
    1 answer

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

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

    Asked by IVAN99999999,

    0 votes
    1 answer

  8. Как уменьшить размер картинки в html?

    Только начал изучать html. До этого никогда не занимался ничем подобным. Если в теге <img> не задавать атрибуты wigth и heigth, то оно использует их стандартные размеры. А как сделать размеры картинки меньше стандартных? Чистый html, без css.

    Asked by star_l1ght,

    0 votes
    1 answer

  9. Почему не ставится height:auto и не видно новые блоки?

    Я ооочень начинающий верстальщик и html знаю плохо, в общем проблема вот в чем: на сайте если поставить блоку #contentwrp height:auto, то его просто не видно, а так же если делать какой-то текст/другие блоки на этом самом #contentwrp их тоже не видно. Я уверен что проблема очень проста и я туплю, поэтому, я вас очень прошу, подскажите, пожалуйста, я только учусь.

    Asked by GreenAurora,

    0 votes
    1 answer

  10. Вопрос от новичка

    Как вставить картинку ? должно получиться как на нижней картинке вот мой код <!DOCTYPE html> <html> <head> <title>Испытание 2: слайдер</title> <meta charset="utf-8"> </head> <body> <div class="conteiner"> <div class="content"> <h1>Долго, дорого, скрупулезно</h1> <p>Математически выверенный дизайн для вашего сайта или мобильного приложения.</p> </div> <div class="knopka"> Узнать больше </div> </div> &lt…

    Asked by rustamXx,

    0 votes
    1 answer

  11. 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

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

    Сделал валидацию для кнопки через 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

  13. Анимация не подключается.

    Скачал файл animate. css Скинул в папку с CSS, подключил в HTML через link. Добавил в тег <div class="offer animate fadeinLeft> чтобы блок при загрузке выезжал слева(для примера) . Но ничего не происходит. В чём причина?

    Asked by Bolvongar,

    0 votes
    1 answer

  14. Проблема в верстки с footer( Первая верстка).

    Решил узучить Html. Начал свою первую вертску и у меня возникла проблема с footer. Проблема в том что у меня у меня как-о не рабоет margin и мне приходить ставить большие числа(px), чтобы опустить элемент вниз. Также у меня почему-то footer вылазиет поверх фото, хотя должен быть внизу их ТУТ. Помогите. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Burning man</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Anton&family=Open+Sans&display=swa…

    Asked by Stomi,

    0 votes
    1 answer

  15. Как подключить slick-carousel в gulp

    Добрый день. Не могу подключить слик слайдер в галп. Я их установил через npm и jquery. Но не получаеться ничего

    Asked by Czar_dmitriy,

    0 votes
    1 answer

  16. Как отделить картинку от текста?

    Как отделить картинку от текста

    Asked by Ольга Инякина,

    0 votes
    1 answer

  17. Выравнивание как проблема верстки

    Какой раз я сталкиваюсь с проблемой: если в одном месте вставишь элемент (рисунок, текст), то в каком-то другом месте происходит выталкивание других элементов. Как обойти эту проблему в коде, для того чтобы рисунки (иконки) располагались слева от пунктов меню Каталог товаров (и чтобы пункты меню типа Крупная техника для кухни, Крупная техника для дома располагались по центру блоков): <html> <head> <link rel="stylesheet" href="mysite.css"> </head> <body> <div class="mainwrap"> <div class="mainmenu"> <span> <span> <button data-toggle="dropdown" data-target="#menu" c…

    Asked by newmandvin,

    0 votes
    1 answer

  18. Помогите решыть проблему с блоком

    верстаю свой первый макет и сталкнулся с проблемой. кто сможет помочь? с обяснением, фото //CSS фото //HTML фото //Макет фото // Как получается у меня

    Asked by Stacuha,

    0 votes
    1 answer

  19. Как вставить flex-элемент

    Всем привет. Возник вопрос, как вставить элемент (картинка прилагается) на флексах всю голову уже сломал, возможно, я просто глупый и не могу понять.

    Asked by goru00,

    0 votes
    1 answer

  20. Как выстроить в 1 строку ссылку с картинкой?

    У меня есть 2 ссылки с картинкой (стрелка), мне нужно разместить их зеркально друг от друга (типа назад и вперёд), пробовал через div но оно на разных стоках. Если просто отдельно для каждой делать, то они на разных высотах по (y) пикселей 5 (фиг знает). Подскажите как можно их выровнить

    Asked by MadlYSmiling,

    0 votes
    1 answer

  21. Background параметры

    Добрый день. Подскажите пожалуйста какие параметры background задать в разделе Contact US, чтобы континенты отображались как в приложенном макете, но при этом не задавать в пикселях высоту всему этому блоку work-07.psd . И как вообще реализовать такой переход background ?

    Asked by Romario1985,

    0 votes
    1 answer

  22. Интерактивные элементы расположены слишком близко

    Может кто-то подскажет... Есть область под хлебные крошки между меню и записью. Вставляю с помощью кода слайдер на главную, все отлично, настраиваю слайдер адаптивный, все работает. Но, есть один момент, что проходит совсем немного времени и если зайти в search console гугла, то он начинает ругаться, что интерактивные элементы расположены слишком близко. Как решить такую проблему? Посмотреть можно по ссылке на сайт. Нужна помощь или совет, как решить или хотя бы направление в каком искать... спасибо

    Asked by Yankee,

    0 votes
    1 answer

  23. Сдвиг текста

    HTML: <div class="sidebar"> <h2>Рейтинг новостей</h2> <ul> <li><a href="#">Первый</a><span class="rating_sidebar">8.1</span></li> <li><a href="#">Второй</a><span class="rating_sidebar">7.9</span></li> <li><a href="#">Третий</a><span class="rating_sidebar">6</span></li> <li><a href="#">Четвертый</a><span class="rating_sidebar">5</span></li> </ul> </div> …

    Asked by newabuser,

    0 votes
    1 answer

  24. появляются тонкие серые полосы ни как не получается убрать

    ПОМОГИТЕ!!! Сделал анимация фона через div, а не body и появились со всех сторон тонкие серые полосы которые ни как не убираются. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>LEGO MINECRAFT 2021</title> <link rel="icon" href="https://www.gongoll.de/media/image/cf/3d/18/lego-logo-04.png"> <link rel="stylesheet" href="../CSS/css.legominecraftyears.css"> </head> <body style="background-color: gray; width: 1903px; height: 1540px;"> <!--КОРОБКА ДЕЛАЮЩАЯ МЕНЯЮЩИЙСЯ ФОН--> <div class="module-slider-background" style="display: flex; flex-…

    Asked by __kirill__,

    0 votes
    1 answer

  25. Проблема с любимым "Липким" - sticky

    Дримвивер выдаёт критическую ошибку по представленной первой строке кода. Не могу разобраться и найти решение так же не могу. Прошу помощи, может кто сталкивался. @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } Ошибка: строка 6306, столбец 13: Duplicate property 'position' found. (Обнаружена повторяющаяся "position" свойства.)

    Asked by PoliWik,

    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