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. Меню с применением :hover

    Здравствуйте. Не могу никак понять как сделать подобного вида меню(Как в приложении). Пробовал через display:none->display:box; , через opacity:0->opacity:1; теперь через transform:scale(0.5); -> transform:scale(2); <!doctype html> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <link href="about.css" rel="stylesheet" type="text/css"> </head> <body> <div class="menu"></div> <div class="show-menu"></div> </body> </html> Задача такая чтобы при наведении курсора на центральный элемент, круговое меню появлялось как-бы вокруг него. Вот …

    Asked by serganto92,

    0 votes
    1 answer

  2. footer отображаеться не коректно

    Всем доброго времени суток, столкнулся снова с проблемой. на скрине видно, что не так???? подскажите пожалуйста. Вот код моего творения <!DOCTYPE html> <html> <head> <!-- включение тегов HTML5 для IE --> <!--[if lt IE 9]> <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(',' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> ; for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script> <![endif]--> <!-- /включение тегов HTML5 для IE/ --> <title>$SITE_NAME$</title> <st…

    Asked by green-vik,

    0 votes
    11 answers

  3. Не получается поместить форму регистрации по центру.

    Первый раз создаю сайт... Нужно форму регистрации поместить ровно по центру, да ещё так, чтобы у неё был свой фон. Всё перепробовал ничего не получается.. Вот html и css-http://cssdeck.com/labs/collab/l2wz6lx3 . Кто может поправьте код и посоветуйте что-нибудь. Спасибо !!!

    Asked by WebRab,

    0 votes
    2 answers

  4. Маркер строки в виде точек от текста до цены

    Как сделать вот такой элемент адаптивным?Что бы часть точек при уменьшении экрана пропадали?

    Asked by Konstantin99,

    0 votes
    5 answers

  5. IE10 странное поведение выпадающего блока

    http://road.media/?template=rm при наведении на "каталог" в IE10 в первый раз "выпадайка" показывается нормально, во второй раз - пустая, как будто в контейнере с классом drop ничего нет: После перегрузки страницы восстанавливается ровно до второго наезда мышью В чем может быть дело? Может глюк конкретного браузера? 10.0.9200.16600 В IE11 например всё нормально.

    Asked by d0ublezer0,

    0 votes
    0 answers

  6. Создание почти слайдера на CSS

    Задача такая, есть 3-и ссылки, каждая из этих ссылок относиться к своему контенту, необходимо что бы при нажатии на ссылку показывался необходимый контент.Реализовать все посредством css и желательно не фиксированной высоты. У меня есть вот такая штука пример работы, но я столкнулся с такими проблемами. 1) Блок "green" имея свою высоту вылазит за пределы "wrapper". 2)При клике по одному из блоков, теряется фокус на ссылке и блоки меняются на default. Как можно это реализовать?Пробовал через "display", но чет как то тоже не задалось.

    Asked by Konstantin99,

    0 votes
    4 answers

  7. структура сайта на flex

    помогите пожалуйста разметить страничку стандартными header + content + footer вот моя попытка . она плоха тем, что для header, footer используется такое правило: .icons_item:nth-child(6), .icons_item:nth-child(1){ width: 100%; } хотелось бы использовать чистый flexbox

    Asked by cyklop77,

    0 votes
    1 answer

  8. При наведении на ссылка подсвечивается по содержимому

    Здравствуйте! Имеется вот такая вот структура - https://jsfiddle.net/oxuefw63/ При наведении ссылка подсвечивается на всю ширину блока. Подскажите, пожалуйста, как сделать, что бы подсвечивалось только слово (содержимое ссылки)?

    Asked by volshebnyi,

    0 votes
    6 answers

  9. Как добраться до последнего элемента в блоке средствами CSS

    Подскажите, пожалуйста, как добраться до последнего элемента <button> в этом списке? <div class="parent"> <button class="accordion">Раздел 1</button> <div class="panel"> <a href="#">Мои потоки</a> <a href="#">Непрочитанное</a> <a href="#">Базовые фигуры</a> </div> <button class="accordion">Раздел 2</button> <div class="panel"> <a href="#">Мои потоки</a> <a href="#">Непрочитанное</a> <a href="#">Базовые фигуры</a> </div> <button class="accordion">Раздел 3</button> <div class="panel"> <a hre…

    Asked by volshebnyi,

    0 votes
    4 answers

  10. перестроить flex-элементы горкой

    помогите пожалуйста переверстать элементы есть несколько элементов. нужно чтобы на iPad вертикальной ориентации они располагались так: 00 00 00 ,а на iPad горизонтальной ориентации, они располагались так: _00_ 0000 я решил эту задачу, используя flex-элементы и скрытые элементы: jsfiddle page но мне нужно решение, которой использует только возможности flexbox(без костылей в виде скрытых элементов)

    Asked by cyklop77,

    0 votes
    2 answers

  11. Элемент находится вне области просмотра в гугле

    Сделал мобильную версию сайта. Проверил в разных браузерах. Зашел с телефона - все ОК. Запустил проверку гугла на мобильность а он криво видит контент. что не так?

    Asked by nikki4,

    0 votes
    3 answers

  12. Точное количество расширений мониторов (и в общем вопрос по адаптивной верстке)

    Очень сложно дается одна адаптивная верстка. Знаю, что это не совсем правильно, но скорее всего придется верстать под каждый отдельный монитор персонально. Подскажите имеет ли данный стиль верстки, право на существование? Или же данный вариант патовый? Сколько экранов (расширений) существует в природе (имею ввиду основные, стандартные, которыми пользуются люди, а не космонавты...)? И вообще, кто как верстает адаптивные (и мобильные) сайты? Есть ли какие-нибудь секреты, которые значительно облегчили верстку обычному разработчику, который не проходил каких-либо специфических курсов, конкретно на данную тему (адаптивной верстки), а пользуется лишь поверхностн…

    Asked by Igoritaly,

    0 votes
    3 answers

  13. Размытие фона (filter: blur) ПОД модальным окном

    Здравствуйте! Перелопатил очень много информации и примеров, но так и не понял как размыть фон под модальным окном. В любых вариантах у меня размывается само модальное окно, а фон остается прежним. Хотя, если устанавливаю цвет фона, то он применяется под модальным окном...помогите, пожалуйста, разобраться. https://jsfiddle.net/tm1jnysg/

    Asked by volshebnyi,

    0 votes
    1 answer

  14. flex: выравнивание по высоте

    помогите пожалуйста установить для каждого элемента .icon высоту, которая равна его ширине. элементу .icon я добавил круглую границу, нужно чтобы при любой ширине экрана кружочки не сплющивались. при этом все эти кружочки должны быть равномерно распределены по высоте экрана результат выглядеть должен приблизительно так: вот моя попытка html: <div class="wrap"> <div class="icons"> <div class="icons_item"><a class="icon" href="">1</a></div> <div class="icons_item"><a class="icon" href="">2</a></div> <div class="icons_item"><a class="icon" href=""&…

    Asked by cyklop77,

    0 votes
    0 answers

  15. Как сделать контейнер и подложку?

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

    Asked by keche,

    0 votes
    1 answer

  16. Стилизация <textarea>

    Здравствуйте! Имеется textarea - https://jsfiddle.net/f7xx5ewb/ По умолчанию у нее есть ресайз и при более чем двух строках текста (это прописано в атрибуте) появляется скролл. Подскажите, пожалуйста, как сделать так, что бы ничего не появлялось, а просто с каждой строкой опускался бордер textarea - так, как на картинке. Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    5 answers

  17. Контролируемый рандом

    Всем привет. Делаю кое-что, и вот понадобилось чтобы генерировалось число(например 9 цифр, без повторений, но с контролируемым повторением 0 в числе(то есть можно указывать количество нулей в числе)), а затем выводить картинки заранее закреплённые за этими цифрами. Даже не знаю с чего начать, подскажите пожалуйста.

    Asked by mrloregood,

    0 votes
    6 answers

  18. Неправильно работает Math.random()

    Как и любой новичок, шарясь по сайтам с ответами на всевозможные мои вопросы я нашёл код, который должен выводить две картинки в рандомном местоположении(написан здешним Sensei вроде), но он почему-то не работает. Подскажите ошибку. <html> <head> <style type="text/css"> html, body { height: 100%; } img { position: absolute; } </style> </head> <body> <script> var img = document.querySelectorAll('img'), i = 0, max = img.length, left, top; for (; i &lt; max; i += 1) { left = Math.round(Math.random() * (document.body.o…

    Asked by mrloregood,

    0 votes
    2 answers

  19. Как называется стиль/дизайн/верстка макета?

    Вот два макета, как называется дизайн в котором они выполнены?. И какое слово вообще тут уместно? Верстка?Стиль?Дизайн?

    Asked by RuslanHeYca4ev,

    0 votes
    3 answers

  20. Помогите скрыть div

    <div class="content__left content__along" data-min-height="793" style="min-height: 793px;"> <style> #vw2wukgldi{overflow: hidden; position: relative; height: 23px; padding: 5px 0 7px 7px; background: #f2f2f2; line-height: 18px; white-space: nowrap;} </style> <div id="vw2wukgldi"> <img alt="" style="width:0;height:0;position:absolute;visibility:hidden;" src="https://rs.mail.ru/d20185091.gif?sz=4&rnd=157083199&ts=1473023234&sz=4"> <script type="text/javascript"> (function(){ app.Dollars.showDirect(131207, "worm", { stat_id: 723102 , site_charset: 'utf-8' , type: 'row' , ad_format: 'direct' , title_font_size: 2 …

    Asked by БлагоѨръ,

    0 votes
    4 answers

  21. Как закруглить тень вмести с div блоком?!

    День добрый делая сайт я столкнулся с такой проблемой!Вот я закруглил края ( div { border-radius: 10px;} ) и теперь мне нужно добавить тень (закругленную). Как мне это сделать!?Если просто накладывать тень то происходит это (в картинках, сравни). Как вы видите тень не правильно становится! Как мне быть?! Ссылка на сайтец(стоит регистрация. Пароли защищены VBScript - подобия md5): P.S. Я НОВИЧОК!Простите меня за какие-то грубые ошибки :-/

    Asked by Tardpipl,

    0 votes
    1 answer

  22. Как подправить путь к изображению

    В шаблоне страницы движком выводятся миниатюры картинок. Мне необходимо вместо миниатюр отобразить оригинальные изображения. У меня есть строка вида: <img src="http://site.com/uploads/posts/2016-09/thumbs/image-1.jpg"> Надо получить: <img src="http://site.com/uploads/posts/2016-09/image-1.jpg"> То есть, из строки убрать "thumbs". Как можно такое сделать на PHP? На станице надо обработать 10-15 таких картинок.

    Asked by alleclf,

    0 votes
    0 answers

  23. Фиксированное меню с помощью Javascript

    Здравствуйте! Уважаемые коллеги, подскажите, пожалуйста, как решить две проблемы: 1. Есть фиксированное меню, которое должно появляться при скролле (450 px от верха документа). Вот что у меня получилось - https://jsfiddle.net/9re1o9ta/ Почему-то при прокрутке страница начинает прыгать и меню (которое должно быть зафиксировано) просто мигает. Как быть в данной ситуации? 2. В этом же меню мне необходимо при той же прокрутке (450 px от верха документа) добавить html элементы: var elementToWrap = document.querySelector('header').innerHTML; var wrapper = "<div class='header-inner'>" + elementToWrap + "</div>"; document.querySelector('header'…

    Asked by volshebnyi,

    0 votes
    4 answers

  24. 3 способа установки пакетов в nodejs

    скажите пожалуйста, правильно ли я понимаю механизм установки пакетов в nodejs? если нет, то поправьте меня я думаю, что пакеты можно устанавливать тремя способами. расскажу на примере linux: 1. можно установить пакеты, которые требуются конкретному проекту, если зайти в каталог проекта и запустить из консоли команду npm i в этом случае в каталоге проекта создастся каталог node_modules и в него скачаются все модули, которые указаны в package.json 2. можно зайти в каталог проекта и запустить команду npm install package_name в этом случае так же в каталоге проекта создастся каталог node_modules и в него установится пакет package_name 3. за…

    Asked by cyklop77,

    0 votes
    3 answers

  25. Увеличение картинки по клику средствами CSS.

    Здравствуйте. Нашел в сети стиль для увеличения картинки по клику. Всё бы хорошо, но при наведении мыши на миниатюру, курсор не слушается команды: cursor: pointer; , отображается стрелка. Зато когда картинка увеличилась, отображается курсор: cursor: zoom-out; Так же не получается сделать рамку и тень вокруг увеличившейся картинки, использую такие команды: box-shadow: 3px 3px 5px rgba(0,0,0,0.5); border: solid 1px rgba(210,210,210,.4); Вот полный текст стиля: img.foto_smal-big { cursor: pointer; border: none; /* Убираем рамку */ margin-top: 0; margin-bottom: 10px; margin-left: 15px; margin-right: 15px; float: l…

    Asked by Kompilator,

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