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

    0 votes
    10 answers

  2. помогите разобраться с transition

    Всем здравствуйте. Прошу помощи, ни как не пойму как осуществить чтобы блок с текстом опускался при наведении на .top (сейчас он начинает двигаться при наведении на .overlay а если навести ниже на черный фон то магия заканчивается) Может принципиально не тем свойством пользуюсь? или просто не так его применяю? ни как не разберусь. Вот код http://codepen.io/mikhail09/pen/OMvOae

    Asked by Mixail.09,

    0 votes
    4 answers

  3. устарел ли YUI?

    помогите пожалуйста разобраться в ситуации YUI очень популярный фреймворк и неплохо бы его изучить. но на официальном сайте написано, что он не поддерживается с 2014 года(точнее не развивается) я в раздумьях, с одной стороны он популярен и многим работодателям требуется, но с другой стороны, год это большой срок для веба. как думаете, стоит связываться с ним?

    Asked by cyklop77,

    0 votes
    1 answer

  4. Использование тегов в документе несколько раз

    Подскажите пожалуйста, можно ли в пределах одной html-страницы использовать теги <head> и <body> более одного раза. Пытаюсь работать с одной из партнерских программ. Код их виджетов выводится тремя кусками: 1. <div id=""> </div> помещается в месте вывода виджета 2. <script src="" type="text/javascript"> </script> 3. <script type="text/javascript"> параметры скрипта </script> В случае установки более чем одного виджета на одной странице, вторая часть оставляется только один раз, из кода второго и следующих виджетов удаляется. Третьи части располагаются перед тегом </body> в том порядке, в котором выводятся в…

    Asked by capt.pr,

    0 votes
    3 answers

  5. хочу круто сделать маркеры справа, но все что-то не выходит пока

    Хочу с помощью CSS сделать так, чтобы "новые" категории товара в панели ссылок интернет магазина обзавелись клёвым маркером справа от ссылки. Для этого использую всевдокласс :after и свойства marker-offset и display:marker: <ul id="categories"> <li class="new"><a href="#">Link</a> </li> </ul> ul#categories { display: block; width: 100%; margin: 0; padding: 0 } ul#categories li { height: 33px; list-style: none; line-height: 33px; } ul#categories li.new a:after{ content: url(images/newcategorymarker.gif); display: marker; marker-offset: 1em; } Во последних версиях Opera, Firefox, Safari, Chrome не работает marker-offset…

    Asked by adelante,

    0 votes
    7 answers

  6. Не могу объединить ссылку и <hr>

    Есть код: <a href="">ССЫЛКА<hr></a> Надо объединить слово "ССЫЛКА" и тег <hr>, чтобы при наведении/нажатии оба элемента меняли цвет! Не разобрался как тут прикреплять изображение, поэтому вот ↓↓↓ такую штуку хочу сделать! https://yadi.sk/i/_wE4O4gTnfSqD Может есть другой вариант, без использования <hr>?

    Asked by Ly3ePo4eK,

    0 votes
    6 answers

  7. Поведение div в inline-block

    Доброго времени суток уважаемые форумчане. Недавно начала изучать html/CSS. И при освоении новой порции знаний натолкнулась на эффект который не могу объяснить. А именно. При добавлении в div контейнер содержимого столкнулась с эффектом вылетания div контейнера из общего ряда элементов структурированных с помощью display:inline-block;. И теперь что это такое и как с этим бороться непонятно. Буду премного благодарна если дадите какие-нибудь комментарии по этому поводу. Код можете посмотреть по ссылке: http://cssdeck.com/labs/nz39zp35 Ксения.

    Asked by negra,

    0 votes
    5 answers

  8. Как лучше сравнить сверстанную страницу с макетом?

    Друзья, как проще всего сравнить сверстанную страницу и исходный psd ? Искал инфу, но все, что нашел это внедрение скриншота страницы верхним слоем в макет. Как-то муторно имхо. Проще способов нет? Читал также про прозрачные окна на Ubuntu и Win7. У меня Win 10? а там вроде бы прозрачность окон отменили.

    Asked by NubyNub,

    0 votes
    2 answers

  9. Подогнать слайдер на сайте WP

    Здравствуйте! Ребята, нужна Ваша помощь. Есть тестовый сайт, на котором установлена CMS WordPress и тема Onetake. Установил слайдер Easing Slider во вторую секцию на главную страницу, задал в настройках слайдера ширину 1350 и высоту 760, и поставил галочку на параметр Enable 100% full width. Проблема в том, что в браузере Firefox на картинку наезжает третья секция, но в опере и хроме все хорошо отображается. Почему так происходит, и как это исправить? Помогите пожалуйста.

    Asked by Mr Black,

    0 votes
    0 answers

  10. Doctype

    Всем известна ситуация когда при не указании кодировки ваш текст превращается в кучу крокозяблов. Я получил текст из .txt документа именно представляющий из себя набор таких крокозяблов. И я захотел попробовать вставить этот набор символов в html doc с кодировкой utf-8, однако, это не дало никаких положительных результатов. Неужели перекодировка информации таким вот обратным путём никак не работает, но зато без указании utf-8 текст без проблем превращается в набор символов?

    Asked by P0jar,

    0 votes
    3 answers

  11. keywords как добавить на каждую страницу свой?

    Здравствуйте. У меня такая ситуация. Я веду интернет-магазин и при добавлении товара прописываю ключевые слова в каждом товара разный. Так вот после добавления оказалось что к всем товара и всем страницам сайта подтягиваются ключевые слова главной страницы. Что делать кто подскажет?

    Asked by dizzi,

    0 votes
    3 answers

  12. масштабируемое изображение для фона сайта

    Что-то мне подсказывает, что велосипед давно изобретен. Подскажите как лучше сделать сабж. Образец: www.whitehouse.gov

    Asked by Serginhio,

    0 votes
    4 answers

  13. Помоги сделать выпадающее меню при клике плиииз!

    (ссылка с который выпадает меню "каталог" на него нужно сделать клик,CSS или JS,) Вот мой код меню! <table width="100%"> <tr> <td> <li class="first"><a href="company" title="Компания">Компания</a></li> </td> <td> <li id="open"> <span title="Каталог">Каталог</span> <ul id="center"> …

    Asked by Reut,

    0 votes
    15 answers

  14. Расстояние между строками

    Всем привет. Как сделать расстояние между строками? в span margin добавить нельзя же. Код (wp): <?php $terms = get_field('actor');if( $terms ): ?> <span style="background:#c3512f;color:#fff; padding:4px 5px;">В главных ролях</span><?php foreach( $terms as $term ): ?><a href="<?php echo get_term_link( $term ); ?>"><span style="background: #b2b2b2;color:#fff; padding:4px 5px; text-decoration: underline;"><?php echo $term->name; ?></a></span><?php endforeach; ?> <?php endif; ?>

    Asked by orbit21,

    0 votes
    1 answer

  15. Отмена float

    Уважаемые форумчане, скорее всего дико туплю но хотелось бы разобраться. после просмотра данного видео урока по созданию менюшек ( ) возник вопрос. На 15:55 минуте он задает ширину для li и после этого выпадающие пункты которые до этого были "float: left" почему то выстраиваются вертикально. Что за ....? по какому праву .....? для меня загадка.

    Asked by Mixail.09,

    0 votes
    3 answers

  16. Рамка с уголком

    Можно ли создать такую рамку средствами CSS?

    Asked by user,

    0 votes
    1 answer

  17. Dashed линия для заголовка. Как сверстать?

    Здравствуйте, уважаемые форумчане! Подкиньте пожалуйста идею, как сверстать такой вот заголовок, чтобы было гибко (не зависело от текста): ссылка на картинку

    Asked by ya_verstaka,

    0 votes
    8 answers

  18. div поверх iframe

    Задача в том что поверх ролика повесить поцентрк рекламу, делаю так,но безрезультатно <html> <style type="text/css"> .block1 { position:absolute; z-index:2 } .block2 { position:relative; z-index:1 } </style> <script type="text/javascript" src="//cdn.o333o.com/embed.js"></script> <body bgcolor=blue> <div class="block1" position: absolute;> <iframe width="510" height="400" src="" frameborder="0" scrolling="no" allowfullscreen></iframe> <div class="block2" position:relative;> <iframe class='na' src='' frameBorder='0' scrolling='no' width='300' height='250'></…

    Asked by Кузьменко андрей,

    0 votes
    2 answers

  19. Выпадающий select в два столбца

    Какой плагин можно использовать или скрипт чтобы сделать "красивый селект" в два столбца? Речь про поле "Округ".

    Asked by okunev2,

    0 votes
    3 answers

  20. всплывающий блок над бдоком

    Помогите решить проблему. У меня читыри блока 300 на 300 px верстка ботстрап. И при наведении на любой из этих высвечивался скрытый полупрозрачный блок с другим текстом и ссылкой. Нужно что бы они по ширине такие же были как и основные (адаптивные) Вот как то так

    Asked by virtas,

    0 votes
    5 answers

  21. Таблицу в слайдер

    Здравствовать всем. на сайте http://www.stekloproekt.ru/tri на вкладке "Декоративные материалы" таблица с материалами выводится в виде слайдера. Удобно, гигантская таблица занимает мало места. Как такое сделано и где добыть подобный скрипт. Желательно не сложный в использовании. Спасибо.

    Asked by rhjirftyjn,

    0 votes
    1 answer

  22. Адаптивный многоугольник и svg

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

    Asked by tarthur,

    0 votes
    3 answers

  23. присвоение классов элементам списка

    Здравствуйте. Помогите пожалуйста разобраться новичку с данным вопросом. Подскажите где искать информацию на данную тему. Суть проблемы в следующем: начал делать двухуровневое выпадающее меню и оказалось все не так просто). Допустим есть многоуровневый список вложенный в <div class="memu">, смотрел видео и читал про создание таких меню и не могу понять как можно описать стиль отдельно для вложенных списков. В общем для меня конструкции вида:" .menu ul li {} .menu li ul {} .menu li ul ul {}" реально танцы с бубном не говоря уже о menu ul li:hover>ul и т.д. Не могу понять принципа как описывать свойство вложенного списка да еще и плюс ко всему там п…

    Asked by Mixail.09,

    0 votes
    10 answers

  24. Написанный сайт и WordPress

    Я написал сайт в html, туда надо добавить каталог. начал гуглить про CMS и появилось много вопросов. 1. Можно свой сайт запихнуть под управление WordPress, и добавить на определенные странички каталог, чтоб в дальнейшем управлять каталогом через wordpress? 2. Как лучше верстать, взять тему wordpress и потом её полностью переделать или написать как я а потом вставить если удовлетворяет Первый пункт? 3. Есть разница создания файла .html .php если я ещё не изучил сам я зык PHP? 4. И что мне необходимо изучить по порядку? HTML CSS JS Jquery PHP Phyton? Что ещё, в каком порядке? 5. Не всегда понятно описание тегов атрибутов или инструкций и как их использовать, могу я найти…

    Asked by СашкаСанёчек,

    0 votes
    5 answers

  25. не получается выровнять кнопку с формой

    Прошу подсказать, где я ошибаюсь. Верстаю страницу, в нижней части не могу выровнять форму ввода текста и кнопку. По дизайну они должны быть рядом и ровняться по нижнему краю. Пример можно посмотреть тут: http://web.me.com/igorwrd/temp/

    Asked by IgorQ.WRD,

    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