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. Продолжение фона для меню

    Здравствуйте! Помогите, пожалуйста, решить проблему. Ширина хедера - 1170 px. Необходимо, что бы фон для меню (малиновый прямоугольник) продолжался вправо до конца экрана. Как на изображении: Вот сам код - https://jsfiddle.net/0rzhsdnx/ Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    11 answers

  2. задать высоту инпута

    Всем привет, Подскажите, пожалуйста, есть либа jquery chosen либа, пользуя которую, создается сложное поле выбора. И все бы хорошо, но там очень узкое поле для ввода подстроки вручную 1) http://i.imgur.com/OPaNyB1.png Инпут, который я вручную не создаю, но генерится по настройкам не имеет ни класса ни имени 2) Я пытался задать высоту через стили: li.search-field > input{ height: 45px; } Или li.search-field > .default{ height: 45px; background-color: red; border: 2px green; } Но безуспешно. А как правильно?

    Asked by mstdmstd,

    0 votes
    11 answers

  3. скопировать лого как?

    помогите пожалуйста скопировать лого. желательно чтобы в результате оно было на прозрачном фоне: http://joxi.net/Y2L8Z8nSnNPJ52 https://news.rambler.ru/world/33965170/ тут мне даже не понятно где параметры svg-изображения хранятся >__<

    Asked by cyklop77,

    0 votes
    11 answers

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

  5. Значения классов

    Народ все с новым годом! Подскажите пожалуйста по следующей проблеме. Что означают множественные значения классов? Например: <div class="flipster flipster-active flipster-carousel" или <section class="mbr-section mbr-section-hero и так далее.

    Asked by bobb,

    0 votes
    11 answers

  6. Раскритикуйте вёрстку

    Здравствуйте, посмотрите пожалуйста качество вёрстки http://proba-verstki.xyz/ буду очень благодарен за конструктивную критику. Сайт не адаптивный, но я постарался сделать его кроссбраузерным. P.S. Наверно раздел не тот, но в "обсуждении работ" надо 30 сообщений, которых у меня нет, поэтому решил запостить тут.

    Asked by Oleg90s,

    0 votes
    11 answers

  7. Не работает слайдер slick в IE 9

    Здравствуйте. помогите, не работает слайдер slick в IE 9. Все картинки, которые в нем расположены, становятся вертикально, друг под другом. Может есть какое-то решение или настройки?

    Asked by Svetlana111,

    0 votes
    11 answers

  8. Отступ у фона

    Всем привет, такая проблема, фон по какой-то причине делает отступ. Вот тут видна проблема. http://prntscr.com/fpt222 Если же применить border к контейнеру в котором находятся логотип и меню с иконками то все встает на свои места, но как только бордер убираешь, опять беспорядок. Вот с бордером: http://prntscr.com/fpt3j0 Код: https://jsfiddle.net/s78mt3m6/

    Asked by Crushing,

    0 votes
    11 answers

  9. Фреймворки за/против

    Привет! Хочу совета от опытных ребят. Начал учить Bootstrap, а в нем встроен адаптив, которому я на чистом CSS еще не научился. Стоит ли прежде набить шишки на адаптиве на чистом CSS и только после прыгать на фреймворк? Если стоит, то с каким позиционированием будет сложнее адаптировать(float/position/flex)? И, после того, стоит ли выучить основу Bootstrap 3 перед изучением 4 версии?

    Asked by Arkady Rakovsky,

    0 votes
    11 answers

  10. Верстка адаптивного дизацна. Сетка

    Ни разу не верстал сеткой. Раньше мне попадались макеты, и там вертиальными линиями были колонки. Щас вот решил сверстать следующий макет. В шапке несколько горизонтальных линий, че к чему ?) я делая сетку это тоже как то учитывать должен ??? а еще, колонка как бы одна большая ? и в мобильная версии оодна, но меньшего размера и в большой версии как мне кажется, должна быть линия разделения двух изоображений(контейнеров), то есть там 2 блока должно быть на сколько колонок нужно бить ? по своему усмотрению ? я вижу, что можно на четыре побить, не больше, судя по шапке можете пояснить эти моменты

    Asked by SnowSilver,

    0 votes
    11 answers

  11. Как расположить блоки таким образом (фон блоков выходит за пределы wrapper)?

    Добрый день! Подскажите, как расположить блоки таким образом как на картинке. Текстовые блоки, я думаю, можно разместить с помощью Masonry. И напрашивается обернуть эти блоки во #wrapper, разместить его посредине...... Но как быть с моментом что в таком случае фон блоков выходит за пределы #wrapper? Тут же уже не получится задать background для body и размещать весь контент внутри wrapper?....

    Asked by VeraVostro,

    0 votes
    11 answers

  12. Всплывающее подчеркивание ссылок

    Добрый день! Есть данный пример https://jsfiddle.net/nfodvkbh/2/ Возникло непонимание-почему у псевдоэлементов в результате разная высота и как устранить проблему с отступом у последнего блока? Касательно второго вопроса-если я уберу отступ у последней ссылки, то псевдоэлемент не будет отображаться, на сколько я понял.

    Asked by Super_Saimon,

    0 votes
    11 answers

  13. Как сделать растяжимый фон треугольник без картинок

    Здравствуйте! Увидела в интернете множество рецептов как сделать элемент с нулевой шириной и высотой и широкими прозрачными границами, чтобы получился треугольник, например здесь https://css-tricks.com/examples/ShapesOfCSS/ Проблема в том, что такой треугольник не растягивается. Границе нельзя задать значение в процентах от ширины родителя. Мне же нужно, чтобы Triangle Top Left тянулся как фоновый рисунок треугольника, только без рисунка, средствами css. Как это сделать?

    Asked by hike,

    0 votes
    11 answers

  14. Картинка в середине строки таблицы

    Требуется поместить картинку в середину строки таблицы, между ячейками. Выглядеть должно, как на первом верхнем примере. Сделал так: <html> <head> <style type="text/css"> <!-- tr.im { background-image: url(img.gif); background-repeat: no-repeat; background-position: center center; } --> </style> </head> <body> <table cellpadding="0" cellspacing="0" border="1"> <tr> <td></td> <td></td> </tr> <tr class="im"> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> &…

    Asked by Pinguin,

    0 votes
    11 answers

  15. Подскажите как закрасить баннер

    Приветствую специалистов по верстке. Нарисовал мне дизайнер такой баннер Подскажите как сверстать: 1) Строка "Размещение рекламы" по центру (по горизонтали) 2) фон этой строки закрашен только слева

    Asked by VasyOK{!},

    0 votes
    11 answers

  16. Не получается сжать текст

    Как "сжать" текст в "Home", "About", "Services" и т.д. ?

    Asked by Asha11981,

    0 votes
    11 answers

  17. Растягивание изображения на весь экран

    Господа, прошу прощения за ламерский вопрос (я не спец в html совсем), но подскажите, пожалуйста, по каким причинам вот этот код <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Background</title> <style> body { background: url(https://content.screencast.com/users/immick6307/folders/Snagit/media/43d76d9a-3476-4bb7-ac03-185a3ec097bb/12.14.2021-12.42.png) no-repeat; -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; /* Современные браузеры …

    Asked by The_Immortal,

    0 votes
    11 answers

  18. BUTTON - рамка вокруг кнопки

    Добрый день! Как удалить рамку вокруг кнопки при потере фокуса, выглядит так (черная рамка вокруг кнопки ОК) код css кнопки такой #okbutton {font-size: 1em; color: #FFFFFF; border: 1px solid #FFFFFF; background-color: #DC4E1B;}

    Asked by foxyrus,

    0 votes
    10 answers

  19. FLASH - общие вопросы

    есть ролик в формате swf..пытаюсь поставить его на страницу...может что-то неправильно в самом коде...помогите исправить или направьте на более правильный путь (код) для таких файлов <object width="320" height="300"> <param name="movie" value="полный адрес к файлу.swf"> <param name="wmode" value="transparent"> <embed src="полный адрес к файлу.swf" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" width="320" height=300"></embed></object> спасибо

    Asked by _Ирина_,

    0 votes
    10 answers

  20. выпадающие меню без JavaScript

    Помогите сделать выпадающие меню текстом! Без формы и изображений!

    Asked by iipo,

    0 votes
    10 answers

  21. Бекграунд дива в зависимости от высоты и без скриптов

    Есть див с бекграундом, заданным с помощью стилей (см. скриншот) высота которого (дива) изменяется при изменении размеров окна (разрешения монитора). Нужно сделать так, чтобы все было красиво Я сделал это с помощью скриптов: поставил обработчик события onload, onresize и меняю класс дива в зависимости от его высоты (двох картинок хватает). Вариант, в принципе нормальный, но хотелось бы сделать без скриптов. Без скриптов придумался такой вариант: 1. в див кладем еще один див, в которого бекграунд - небольшой прямоугольник цвета такого же как и цвет нашего дива и расположен в нижнем левом углу 2. позиционируем бекграунд по точным координатам, вместо left center теперь пр…

    Asked by Tokolist,

    0 votes
    10 answers

  22. выпадающее меню на CSS и полупрозрачный фон

    Пробую накидать выпадающую менюшку реализованную без всякого JS только на CSS. Сама по себе менюшка работает нормально. Возникла проблема с реализацией полупрозрачного фона. Насколько я вычитал в доках за полупрозрачность отвечают следующие свойства: "opacity: 0.xx" - для мозиллы/оперы, "filter: alpha(opacity=xx)" - для IE. С мозиллой /оперой проблем нет. Проблемы в ИЕ - полупрозрачность применяется только ко 2-му уровню выпадающего меню. В чем проблема не понимаю... Может кто подскажет? Вот немного сокращенный код (для меньшего объема я только для 1-го пункта выпадающие меню оставил): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> &lt…

    Asked by Ziggy Stardust,

    0 votes
    10 answers

  23. Якорь из формы

    Как из формы передать якорь? <form action="action.php>" method="get"> <input type="hidden" name="name" value="value"/> </form> Соответственно по сабмиту получаем "action.php?name=value". Как из формы добавить в конец ссылку на якорь: "action.php?name=value#anchor"?

    Asked by Александр СП,

    0 votes
    10 answers

  24. оконтовка букв

    День добрый! кто знает возможно ли сделать тексту оконтовку, так сказать border для самих букв?

    Asked by Lostman,

    0 votes
    10 answers

  25. Положение таблиц

    Привет всем! Помогите, пожалуйста, сделать так таблицы:

    Asked by cac95,

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