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. особый вид элемента на Flexbox

    zebra-tara.ru на главной странице есть блок с популярными товарами чтобы его организовать, мне пришлось делить список на две части. отдельно в своём контейнере выводится большой первый элемент и далее - остальные, тоже в flex контейнере можно добиться такого визуального представления как-то иначе (без разделения UL списка), когда первый элемент имеет большой размер? мне это потребуется, чтобы на малых разрешениях навесить на этот список owl carousel, а получается, что первый элемент оторван.. Полагаю, это можно как-то решить с колонками, а не строками, но мне этот фокус не удался

    Asked by d0ublezer0,

    0 votes
    10 answers

  2. <!DOCTYPE html> 

    При использовании <!DOCTYPE html> получается кака . Если убираю эту строчку из html-файла, то все прекрасно получается, так как и задумывалось. Эффект, которого надо достичь при наведении курсора. Использую сброс стилей, но с <!DOCTYPE html> есть непонятные отступы (на первой картинке видно после заголовка) и выше описанная ерунда. Перебирал по отдельности каждый стиль, ничего не помогло, кроме удаления <!DOCTYPE html>. На сколько я понимаю, <!DOCTYPE html> нужен, чтобы небыло неразберихи, а тут именно с ним неразбериха. В чем тут смысл.

    Asked by Андрей7000,

    0 votes
    19 answers

  3. Wordpress слайдер

    Всем привет, как можно реализовать такой слайдер на платформе wordpress. скриншот, и ссылка на источник http://www.futsaldynamo.com/ . Функционал слайдера таков: выводит 4 поста сбоку (которые мы укажем в админке ,) и главный большой блок слайдера это картинка и контент текущего слайда ? Спасибо за внимание и помощь , благодарен любому совету.

    Asked by four17,

    0 votes
    2 answers

  4. Хитро убрать pointer-events со ссылки и вернуть обратно

    Добрый день. Такая задача. В оформлении текста используются невидимые блоки - span.show-on-hover, где color = background-color и где color становится контрастным по .show-on-hover:hover. Вместе с текстом прячутся ссылки и показываются по .show-on-hover:hover a. Всплыла проблема с мобильными пользователями. Чтобы увидеть текст блока, они в него тыкают. Порой они ненароком попадают в невидимую ссылку и тотчас переходят по ней. Нужно чтобы по ссылке невозможно было перейти с первого тапа, первый тап должен только кинуть :hover на .show-on-hover, и только вторым тапом можно тапнуть по ссылке. При этом для пользователей компьютеров все должно быть по-прежнему, никаки…

    Asked by 7ion,

    0 votes
    6 answers

  5. Помогите пожалуйста, запутался с фокусом :)

    Здравствуйте форумчане! Сижу верстаю форму поиска, и что-то не могу разобраться с фокусом... А именно не могу добиться следующего. При нажатии мышкой в область поиска, нужно что бы менялся цвет кнопки (лупа) и цвет вводимого текста. Прошу помощи начинающему хакеру! ? Мой супер код - http://jsfiddle.net/pLznkshc/

    Asked by Ilyas_polo,

    0 votes
    2 answers

  6. Как поставить 3 блока в ряд

    Делаю меню. должно получиться как на первой картинке. Фон белый, на нем слева изображение правее надписи. Получается надписи делать только ниже изображения, либо справа как и нужно, но тогда фон пропадает. Подскажите пожалуйста как делать. HTML: Скрытый текст <div class="top"> <div class="img"> <img src="monopo.jpg" width="100"/> </div> <div class="info"> Главная </div> <div class="info"> Контакты </div> </div> CSS: .top { background-color: #FFFFFF; padding: 10px; } .info { margin-left: 20%; font-size: 20px; }

    Asked by monopo,

    0 votes
    1 answer

  7. php

    Как запустить файл типа index.php на пк?

    Asked by deekep,

    0 votes
    7 answers

  8. Проблема с использованием псевдоклассов (в частности :last-child)

    Здравствуйте! Возникла проблема с "версткой" шапки. Имею следующий код: HTML: Скрытый текст <header> <a class="logo-text" href="#">Лого</a> <nav> <ul> <li><a href="#">Пункт 1</a></li> <li><a href="#">Пункт 2</a></li> <li><a href="#">Пункт 3</a></li> </ul> </nav> <ul class="nav-profile"> <li><a href="#">Войти</a></li> <li><a href="#">Зарегистрироваться</a></li> </ul> </header> CSS: Скрытый текст * { margin: 0;…

    Asked by 666FoX666,

    0 votes
    3 answers

  9. Врестка квадрата и заголовка

    Здравствуйте! Помоги пожалуйста решить проблему с небольшим куском верстки :) Пример на картинке. Я не могу понять, как свертать так, чтобы правая часть границы квадрата не перекрывала заголовок. При этом если заголовок из 1,2,3 строк то квадрат так же подстраивается и растягивается по высоте. Есть у кого идеи, как можно это реализовать?

    Asked by Akkord87,

    0 votes
    2 answers

  10. Вписать изображение в контейнер с подгонкой размеров

    Доброго времени суток, прошу помощи в решении задачи. Пример (как должно быть): На данном рисунке: Есть общий контейнер (зеленый прямоугольник), чьи размеры (и ширина и высота) заданы фиксированно (но эти величины заранее не известны + при изменении размеров окна браузера могут меняться) Внутри общего контейнера лежит контейнер изображения (красный прямоугольник). Ну и есть само изображение, о котором не известно вообще ничего. Суть задачи: изображение должно масштабироваться сохраняя свои пропорции так, чтобы занимать всю высоту или ширину зеленого контейнера (быть вписанным в зеленый контейнер), при этом красный контейнер должен име…

    Asked by ows.nightwolf,

    0 votes
    7 answers

  11. Отправка заявки на почту

    Выводится "Письмо отправлено" при попытки отправки заявки на почту на локальном сервере и на хостинге. Но сообщение не приходит на почту, как это можно исправить? Спам проверяла, там тоже письма нет. Помогите, пожалуйста

    Asked by Юлия_36,

    0 votes
    1 answer

  12. After по центру блока

    Привет, как сделать after по горизонтали блока? https://jsfiddle.net/kLmxszwj/

    Asked by exoty,

    0 votes
    1 answer

  13. Как на bootstrap 4 собрать такую сетку?

    Это вообще возможно? Мои попытки родили такую конструкцию, но она не работает, как и ожидалось: <div class="row"> <div class="col-md-9"> <div class="row"> <div class="col-md-3"></div> <!--тут уже не выходит - размеры считаются по родителю--> <div class="col-md-9"></div> </div> <div class="row"> <div class="col-md-9"></div> <div class="col-md-3"></div> </div> </div> <div class="col-md-3…

    Asked by d0ublezer0,

    0 votes
    5 answers

  14. Jade. Избавиться от дублирования кода

    Есть код. Он дублируется. Как можно избавиться от этого дублирования в данном случае? .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell a.doc(href='#') svg(viewBox="0 0 18 24") use(xlink:href="#iconPdf") span.link 128239.pdf .bonuses-calc-table__cell 20.07.18 .bonuses-calc-table__mobile-row Дата выгрузки span 20.07.18 .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell …

    Asked by yaparoff,

    0 votes
    1 answer

  15. Выравнивание таблицы влево

    Есть таблица. Колонки у нее выравниваются влево, а оставшаяся часть остается пустой http://skrinshoter.ru/s/100818/0jkG6HkA Пробовал решить это с помощью align=left и задать ширину колонкам, но это не сработало Что можно сделать? https://codepen.io/anon/pen/VBqBmw

    Asked by yaparoff,

    0 votes
    1 answer

  16. На мобильных верстка ломается

    Есть блок с текстом. Он должен выглядеть вот так на десктопе http://skrinshoter.ru/s/070818/asZx0jAT Но на мобильной версии с этим возникают проблемы, верстка немного ломается http://skrinshoter.ru/s/070818/bWn5aEQf Как сделать чтобы все было ровно? https://codepen.io/anon/pen/jpvKXp Должно быть вот так: http://skrinshoter.ru/s/070818/qk7Y253u

    Asked by yaparoff,

    0 votes
    3 answers

  17. Не задаются стили hover из за js

    Привет, взял такой скрипт аккордеона с сайта, https://jsfiddle.net/gsw3xrhy/ , но есть проблема, что при ховере не задается img arrow_hover, и бекграунд колор не пропадает после того, как panel становится видимой, колор пропадает только если увести курсор с аккордеона, а нужно , чтобы было как на здесь

    Asked by exoty,

    0 votes
    5 answers

  18. Абсолютно позиционированные элементы и свойство display

    Здравствуйте. Все время считал, что после применения абсолютного позиционирования к элементам их свойство display по умолчанию устанавливается в block. Но сегодня пришлось усомниться в этом. Смотрите пример https://jsfiddle.net/9z3ehbpa/2/ Две последние линии каждой из кнопок созданы с помощью ::before и ::after (display: inline по умолчанию developer.mozilla.org). При этом для второй кнопки псевдоэлементам прописано свойство display: block, что, по идее, лишнее, так как это происходит по умолчанию для position: absolute (согласно таблицы inline превращается в block www.w3.org) Почему же кнопки отображаются по разному?

    Asked by alex_web64,

    0 votes
    10 answers

  19. Неправильно отображается порядок объектов.

    Помогите пожалуйста. Панель отображается под текстом, хотя написана выше него. Иллюстрация проблемы: http://94.19.106.128/test/donate.html. cat donate.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <link type="text/css" rel="stylesheet" href="style/style_i.css"/> <style> body { background: url(donate-5.gif); } </style> </head> <body> <link rel="import" href="object/import_panel.html"> <div id="content"> <p>Подкинь монетку<br> <b>MONERO </b>46W3ckYoCvxB5Wh1k9U8M9WhoGFDjxtqNKXZ3Nta3s7dKe5SV8ZcFDh1nfB2mgkZm5MYoTUrfj aQUAGUJNig3sANLxxGzfC<b…

    Asked by miisha,

    0 votes
    4 answers

  20. Js код для открытия одинаковых окон

    Привет, с js особо не дружу, но есть такая задача. https://jsfiddle.net/kwgrjfse/2/ есть такой код, суть в следующем: нужно чтобы при наведении на картинку crypt_img, которых много, показывался соответствующий див crypt_text, я примерно понимаю и видел пару раз, что код пишется как то через eq, value и current index, но не смогу его написать, если кто может, помогите плз

    Asked by exoty,

    0 votes
    2 answers

  21. На сайте не открывается одна страница на сайте

    Сайт: http://sandraflower.com/ При переходе на пункт меню "О нас" адрес становится: http://sandraflower.com/sandraflower.com/index_about_us как это можно исправить? С остальными пунктами так не происходит Произошло после добавления кода для удаления из адресной строки .html в файл .htaccess Возникает ошибка: Not Found The requested URL /sandraflower.com/index_about_us.html was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

    Asked by Юлия_36,

    0 votes
    1 answer

  22. Как правильно прописать путь к странице html в адресной строке

    sandraflower.com/index_catalog.html Путь до страницы. Как сделать, чтобы он был: sandraflower.com/catalog?

    Asked by Юлия_36,

    0 votes
    1 answer

  23. Изчезает background-image после обновления страници

    Приписал body{ background-image: url(img/fon.png) } Сразу фон есть , а после обновления изчезает. И так с любой картинкой Подробней в скриншотах

    Asked by mejta,

    0 votes
    2 answers

  24. Закрывающийся/открывающийся блок

    Помогите, или скиньте ссылки как сделать Закрывающийся/открывающийся блок.

    Asked by vtkm96,

    0 votes
    4 answers

  25. << и >> до и после текста

    Нужно сделать << и >> до и после текста. Вот таким образом http://skrinshoter.ru/s/050718/7gDP7LAc?a У меня получается как-то некорректно http://skrinshoter.ru/s/050718/lO2xSi0U Элементы чуть приподняты. Как их выровнять? margin-top не помогает, before и after - тоже https://codepen.io/anon/pen/PavQWP

    Asked by yaparoff,

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