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. Чем заменить параметр zoom?

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

    Asked by GreenAurora,

    0 votes
    1 answer

  2. Создать кастомную кнопку

    Все привет. Использую bootstrap 3, хотя это наверно и не существенно. Необходимо сделать, чтобы у активных кнопок внизу был указатель, как на картинке. Кнопка любого цвета с любой границей, с иконками и текстом. Но проблема именно с треугольником внизу у активной кнопки. Не знаю, как к этому подступиться. Толкните в нужном направлении, спасибо.

    Asked by Alex777-777,

    0 votes
    2 answers

  3. как правильно записать конструкцию 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

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

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

    Asked by star_l1ght,

    0 votes
    1 answer

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

    Как первую букву в слове "Новье" выделить жирным штифтом и цветом? <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Псевдоэлементы</title> <style> P.new:after { content: " - Новьё!"; /* Добавляем после текста абзаца */ } </style> </head> <body> <p class="new">Ловля льва в пустыне с помощью метода золотого сечения.</p> <p>Метод ловли льва простым перебором.</p> </body> </html>

    Asked by denis_alekss,

    0 votes
    3 answers

  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. Проблема в верстки с 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

  8. Пустое место когда убираю рекламный блок Adsense

    Здравствуйте! На сайте, когда убираю рекламный код Adsense появляется пустое место. Когда рекламный блок на месте, то разрыва между футером и контентным блоком нет. Рекламный блок подключается через функцию include <!--таблица комментарии--> <?php include("blocks/komments2.php");?> <!--таблица комментарии--> Код CSS: Скрытый текст /* Timeweb test comment */ /* Timeweb test comment new*/ /* Vadim comment new2*/ /* Vadim comment new3*/ /* new */ /* Vadim comment new4*/ body{ margin: 0px; padding: 0px; max-width: 1000px; background: url(./bg3.jpg) repeat center top fixed; } html, body, #wrapp…

    Asked by Weskiers,

    0 votes
    4 answers

  9. Не применяет стили к кнопке

    Какие компиляторы не пробовал, к кнопке стили не применяются. На сайте есть такая же кнопка, пробовал дать одинаковый класс для кнопок, но тоже не работает. Кто сможет подскажите в чём проблема. Вот оформления секции с кнопкой .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

  10. Gulp-webp-css игнорирует background:none,

    Верстаю шаблон в VS Code с Gulp, возникла необходимость убрать иконку при уменьшении экрана через background:none через @media (max-width: $md1+px) { background: none; padding: 0; }. В результате background не пропадает, принудительно выводит изображение не смотря на background:none: В webpcss в gulpfile .pipe(webpcss({ webpClass: '', noWebpClass: '.no-webp' })). Не знаю, как решить эту задачу.

    Asked by виктория new,

    0 votes
    5 answers

  11. верстка карточной игры

    Всем привет! Друзья, помогите советом. Делаем карточную игру. Был сделан макет игры в псд. Далее программист сверстал все. При просмотре макета- все очень весело и красиво смотрится, когда захожу смотреть игру- все как-то уныло, тускло, где-то мутно, видны пиксели. Программист говорит, чтобы этого избежать, нужно увеличить разрешение, мне кажется, что это не так, т.к. макет и сама игра один к одному по масштабу. Помогите пожалуйста разобраться. Спасибо!

    Asked by zotovan1,

    0 votes
    2 answers

  12. Где обстоятельно почитать про BEM?

    Где обстоятельно почитать про BEM?

    Asked by torsar,

    0 votes
    9 answers

  13. Не показывает изображение в 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

  14. есть 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

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

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

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

    Asked by muxacb,

    0 votes
    4 answers

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

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

    Asked by IVAN99999999,

    0 votes
    1 answer

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

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

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

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

    Asked by Birdama,

    0 votes
    2 answers

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

    Здравствуйте, как сделать данный текст не по центру, а с левого края (равнять по левому концу 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

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

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

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

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

    Asked by Tanya2021,

    0 votes
    2 answers

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

    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

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

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

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

    Asked by ds1990,

    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