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. конструктор для div верстки

    есть визуальный редактор для div верстки, чтобы поверхностного знания css, html хватило для создания страниц? те набросал блоки на форму и получил страницу.

    Asked by fake,

    0 votes
    2 answers

  2. Конструктор макетов сайта онлайн

    Здравствуйте, около полугода назад нашел очень крутой сервис, где можно быстро сделать любой макет сайта (двухколоночный, трех, прижатый футер, не прижайтый) то есть накидать скелет сайта. Сейчас решил опять обратиться к сервису, но вот что то в интернете его найти не могу, забыл как называется, но сервис очень полезный. Может кто знает его? Буду благодарен, если поделитесь ссылкой

    Asked by Akkord87,

    0 votes
    2 answers

  3. Конструкторы сайтов и виджетов для них

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

    Asked by wertklop,

    0 votes
    5 answers

  4. Конструкция display:table + display:table-cell добавляет 9px к высоте

    Всем привет. Имеем html: <ul> <li> <a href="">Ткани</a> </li> <li> <a href="">Металлические карнизы</a> </li></ul>Имеем css: ul{ display: table; width: 100%; }ul li{ display: table-cell; width: 13%; line-height: 1.2em; border-left: 1px #30d2cc solid; height: 50px; }ul li a{height:50px;display:block;} У элемента <a> с высотой все хорошо и она равна 50px. У <ul> и <li> высота 59px. Подозреваю, что особенность конструкции display:table + display:table-cell и нужно дописать какие-то стили. Вопрос — какие? Буду благодарен за любую помощь.

    Asked by goooooch,

    0 votes
    8 answers

  5. Конструкция if else в html

    Здравствуйте. У меня такой вопрос - как в html применить конструкцию if else? Есть html страница, на которой идет трансляция с 16 камер (4х4) одновременно через плагин vlc. Нужно сделать, чтобы в режиме маленьких окон шла одна трансляция (live2), а когда одно любое окошко раскрывается в полноэкранном режиме, шла уже другая трансляция (live1). Может кто-нибудь подскажет, как это сделать? <!DOCTYPE html> <html> <body> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta http-equiv="refresh" content="600" /> </head> <object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" code…

    Asked by Maxjuvefan,

    0 votes
    1 answer

  6. Консультация в вёрстке

    Как лучше сверстать окно чата, Внешний вид выглядящее как на рисунке, конкретно интересует та часть, где появляются сообщения, как реализовать полосу прокрутки? фреймсетом? и как поменять её внешний вид - системный элемент же.

    Asked by fancygoth,

    0 votes
    1 answer

  7. Контактная форма

    Все спасибо за помощь и дельные советы)

    Asked by skipol,

    0 votes
    6 answers

  8. Контактное меню

    Есть з кнопки для контактов <a href="www.google.ru"><div class="menu"></div></a> <a href="www.google.ru"><div class="menu2"></div></a> <a href="www.google.ru"><div class="menu3"></div></a> К каждой соответствует свой номер телефона.Нужно чтобы при клике появлялся номер с фоном.Вот так: http://itmages.ru/image/view/233951/635e76af Как это сделать? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /…

    Asked by Rambo2045,

    0 votes
    2 answers

  9. Контейнер div выравнивание по горизонтали

    Доброго времени суток! Верстаю страницу и уже замучался выравнивать div контейнер. Он содержит два div'а. Один рисует кнопку с надписью, равняю текст таблицей, второй это иконка, которая должна лечь на кнопку. Проблем бы не было если бы это была просто одна кнопка целиком тогда прописывая ее ширину в контейнере и margin: 0 auto; я бы получил выравнивание по горизонтали по центру. Но тут два div'а внутри, которые по размеру не влазят в максимальную ширину контейнера, при этом один налагается на другой. Вот код: <div class="lmenubut"> <div class="catbut"> <table cellpadding="0" cellspacing="0" border="0"><tr><td align="center" valign="midd…

    Asked by sivsoft,

    0 votes
    0 answers

  10. Контейнер по центру

    Привет. Каким тегом выравнивается по центру контейнер. вот отрывок из ксс: div#container { background: #fff; width: 600px; nargin: 0 auto;

    Asked by ghrd,

    0 votes
    6 answers

  11. контейнера div в линию

    Как разместить несколько контейнеров div в линию без использования margin?

    Asked by apexis,

    0 votes
    6 answers

  12. Контекстные селекторы

    Можно как-то указать, что td имеет указанные свойства если он идет после одного из указанных классов tr? конструкция ниже не работает, первые два класса игнорируются tr.QueryTableHeader, tr.QueryData, tr.QueryDataOdd td {padding-left: 5px; padding-right: 5px; border-width:1px; margin: 0; } Вариант написать свойства td раздельно для каждого tr оставлен на крайний случай, если подругому никак

    Asked by minvareg,

    0 votes
    1 answer

  13. Контент

    Привет всем. Ребят подскажите как реализовать следующую схему: На сайте есть раздел т.е. страница при заходе на которую, пользователь может выбрать из списка продукт, и на странице появится текстовое описание этого продукта + галерея. Я просто не пойму как это вообще реализовывается? Необходимо создавать столько страниц, сколько разных продуктов имеется у меня? Или можно создать базу из которой бы все подгружалось?

    Asked by Funtik44,

    0 votes
    11 answers

  14. контент блоков скрывается, если высота блоков в процентах

    Есть такая конструкция: <div class="contaner"> <div class="header"></div> <div class="content"></div></div>html, body, .container {height:100%}.header{height:30%}.content{height:70%}Если сильно уменьшить браузер по высоте, header становиться настолько маленьким, что его содержимое скрывается. Можно ли сделать, чотбы блок по высоте не становился меньше, чем его содержимое.

    Asked by vip,

    0 votes
    4 answers

  15. контент в блоке

    Когда в обычном блоке есть контент (заголовки, абзацы), как правильнее устанавливать вертикальные отступы между ними?? Маргинами или паддингами?? Видел, что так и так делают, но как правильнее?? или это всё равно??

    Asked by DrStrangeLove,

    0 votes
    4 answers

  16. Контент в блоке

    Прощу помочь, у меня есть блок, его я хочу использовать для помещения контента на сайт, но проблема в том, что текст или картинка всегда вылезают за его рамки, как этому помешать ? <div class="content"></div>;.content{background:#FFFFFF;position:absolute;height:100%;width:980px;top:0;right:0;bottom:0;left:0;margin:0 auto;}

    Asked by fro,

    0 votes
    90 answers

  17. контент в жестко заданном блоке...

    В этом примере в слое с классом "cookingnews" (с заголовком Новые рубрики!!!) жёстко заданы ширина и высота(что,наверно,может быть оправдано), при этом в блоке есть контент (абзац). Вопрос: Как можно быть уверенным, что в этот слой не добавят ещё контента превышающего жёстко заданные рамки?? Где гарантия?? Может ли излишний контент выехать за рамки?? overflow:hidden для этого слоя я не нашёл....

    Asked by DrStrangeLove,

    0 votes
    7 answers

  18. Контент вылазиет за блок

    Прошу помощи. http://fly.gergert.kg/node/4 Заранее спасибо

    Asked by Hostgame,

    0 votes
    2 answers

  19. Контент выходит за рамки монитора

    Народ, всем привет. Есть сайт: http://www.admirals.top/ Появляется горизонтальный скролл. Нужно его как то убрать. Не просто прописать overflow:hidden, а именно чтоб размер блоков умещался под разрешение монитора. Я уже все стили просмотрел веб-инспектором, так и не нашёл, какой блок вылазиет. Помогите пожалуйста.

    Asked by fenix_63,

    0 votes
    1 answer

  20. Контент и разрешения дисплея

    Здравствуйте! Подскажите, пожалуйста, существуют ли способы настройки одинакового отображения текстовой информации на одн ом и том же сайте, но при разных разрешениях дисплея? К примеру, чтобы при выравнивании по ширине между словами было одинаковое расстояние при разных разрешениях (от смартфона до демонстрационного широкоформатного дисплея). Заранее благодарю за ответ!

    Asked by Santorin,

    0 votes
    4 answers

  21. контент исчезает, выходя за рамки блока в IE6

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> .img_30 {float:left; width:34px; height:34px; border-top:0 none; border-bottom:0 none; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;} .img_30 img {margin:-1px 0 0 0; _margin:-1px 0 -5px 0!important; padding:2px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} </style> </head> <body&g…

    Asked by Mutant,

    0 votes
    4 answers

  22. Контент на всю высоту

    Нужно сделать контент на всю высоту <div id="main"> <div id="content"> <h1>Lorem ipsum</h1> <p>Lorem ipsum dolor sit amet consectetuer eros odio vestibulum ipsum Aenean. Odio iaculis ut enim nulla tortor vitae mauris sed a velit. Eu Donec Cras non Phasellus lorem magna sem turpis commodo Donec. Urna augue odio tincidunt lacinia nulla Nam Curabitur Aliquam Nulla Donec. Condimentum urna pellentesque congue ridiculus condimentum Integer tortor quis hac nec. Turpis in congue risus.</p> </div> <div id="sidebar"> <div class="widget"> <ul> <li><a href="/">CSS</a></li> <li…

    Asked by moslem,

    0 votes
    3 answers

  23. Контент не встаёт на место

    Помогите пожалуйста.Я пытаюсь сверстать сайт но у меня возникла проблема.Я пытаюсь сделать меню как на Одноклассниках,то есть чтобы контент уходил под меню но у меня контент проходит над меню. Код меню css: #menubar { margin-bottom: 12px; position: fixed; top: 0; width: 100%; }.mbar { height: 52px; background: url("../images/menu/mbar.png") no-repeat; }.mbar .mbar { background-position: 100% -52px; }.mbar .mbar .mbar { background-position: 0 -104px; background-repeat: repeat-x; }.menubar { height: 47px; background: #3f4b51 url("../images/menu/mbar.jpg") no-repeat 100% 0; }.menubar ul { line-height: 26px; margin-top: 10px; text-transform: uppercase; }.menubar ul li, …

    Asked by jucator,

    0 votes
    3 answers

  24. Контент не встает посередине

    Помогите, что не так? Где искать? сайт http://www.terra-dzr.ru/, col-md-5, а проще контент, должен встать посередине, но никак....(

    Asked by gorniawe4ka,

    0 votes
    3 answers

  25. Контент не двигает подвал

    http://turnik.biz/ns пациент

    Asked by veleg,

    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