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. Дивы. Выравнивание по нижнему краю

    http://www.htmlbook.ru/content/?id=87 - тут написано о том, как такое делается с помощью табличной верстки. А вот как дивами такого достичь - не знаю. Есть родительский див. В него помещаются 4 дива горизонтально. Содержимое каждого из 4-х дивов разное и поэтому они получаются разной высоты. И каждый див "липнет" к родительскому сверху. А я хочу, чтобы он "прилипал" снизу. Как такое сделать?

    Asked by Юзер,

    0 votes
    3 answers

  2. TEXTAREA - фон, общие вопросы

    Привет! Решил сделать сайт (http://fotolash.nm.ru/site/index.html) , столкнулся с некоторыми трудностями. Например, проблема с тегами TEXTAREA. Мне нужна была облость внутри свитка с полосой прокрутки. Поставил фоном в область для текста картинку, в ie все отображается нормально, а в опере фоном белый цвет...вот код: /область под текстарией/ /сама собственно текстария)/ Если ставить бэкраунд только у текстарии, то в ie тоже только белый фон. Подскажите, пожалуйста, как решить эту проблему или же как сделать это все по другому. ЗЫ: и если не трудно то кометарии к сайту, основные ошибки. Просто это один из первых моих проектов.

    Asked by chipsett,

    0 votes
    24 answers

  3. BEM с человеческим лицом

    В статье BEM с человеческим лицом есть комментарий: кто что думает по этому поводу?

    Asked by nerv,

    0 votes
    23 answers

  4. при width 100% дива появляется горизонтальная полоса прокрутки

    Приветсвую! Есть такой код: html <!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=windows-1251" /> <link rel="stylesheet" type="text/css" href="index.css" /> </head> <body> <div id="wrapper"> <div id="header">header</div><!-- END header --> <div id="navbar">navigation</div><!-- END navbar --> <div id="content">content</div><!-- END content --> </div><!-- END wrapper --> <div…

    Asked by stalker_2000,

    0 votes
    2 answers

  5. СУБД MS Access + html

    Здравствуйте. Как можно подключить СУБД MS Access к сайту написанному на html? Т.е. чтобы можно было выполнять поиск по БД и отображать результат на сайте. Что для этого нужно знать и с чем это едят?

    Asked by Bagi,

    0 votes
    17 answers

  6. единицы измерения

    Набрел и не могу понять http://htmlbook.ru/css/text-indent.html что значит там "ем" ? Единица длинаы ? А где их полный список можно посмотреть ? —-

    Asked by HelpIT,

    0 votes
    13 answers

  7. Незнаю как закруглить текст!

    Мне надо сделать картинку над которой кружком идет текст. макет: Линия А показует как должен быть текст (кривовато нарисовал...надо ровно над кругом) Елемент В это сама картинка. Через PhotoShop чет не догоню как, в Paint.NET нету...как мне быть? Помогите плиз! Зарание благодарен!

    Asked by Awe,

    0 votes
    8 answers

  8. Как привязать размер шрифта к ширине блока в адаптивном шаблоне?

    Коллеги, подскажите, пожалуйста, как привязать размер шрифта к ширине блока в адаптивном шаблоне? Мне нужно, чтобы при уменьшении окна браузера, уменьшался размер шрифта. Как правило, это исполняет jquery.fittext.js, но не в параметре value тега input. Есть решение?

    Asked by ludlila72,

    0 votes
    6 answers

  9. Как сделать отступ между двумя контейнерами DIV?

    Господа, как бы сделать небольшой отступ между двумя контейнерами, плавающими по левому краю? Старница: http://lexicanum.ru/2columns.html Код страницы: <!DOCTYPE html> <HTML> <HEAD> <LINK REL="stylesheet" HREF="2css.css" TYPE="text/css"> <TITLE> Пригоди хтивих павiанiв Борi i Жори. </TITLE> <BODY> <DIV ID="cheader"> <H1 CLASS="h1_centered">Пригоди хтивих павiанiв Борi i Жори</H1> </DIV> <DIV ID="cnavbar"> <UL> <LI><A HREF="#">Справочник</A></LI> <LI><A HREF="#">Журнал</A></LI> <LI><A HREF="#">Форум психический</A></LI> <…

    Asked by Bertie,

    0 votes
    11 answers

  10. Как "опустить" div?

    Необходимо разместить div в самом низу страницы. Задача в общем-то не сложная, но т.к. я не сильно знаком с HTML/CSS не могу реализовать подобную затею. Вот как пробовал я: Подход №1 - Position:Absolute Если данных на странице немного и она вся умещается в окно браузера (скроллбара не появляется), то все замечательно - div (со стилем bottom:0) оказывается в самом низу. Однако если данных на странице много, и страница не умещается в окно браузера, то получается, что div может "болтаться" где-нибудь по-середине страницы. Подход №2 - размещение в стакане Если просто поместить этот самый div в конце страницы, то при большом количестве данных он окажется внизу, однако при небо…

    Asked by MIT,

    0 votes
    17 answers

  11. Padding в % (процентах)

    Недавно верстал CSS стиль для будущего сайта и использовал padding. Значения ставил в процентах. Мне сказали, что в процентах ставить паддинг — это плохо. На вопрос «Почему?» не ответили. Так вот, почему паддинг в процентах это так плохо? Ведь разрешено ставить и в пикселях и в процентах.

    Asked by Clubberry,

    0 votes
    7 answers

  12. Убрать внешние границы таблицы

    Как где и что прописать, чтобы у таблицы не было внешних границ, а были лишь внутренние

    Asked by bodnar,

    0 votes
    3 answers

  13. Как разместить ссылки в одной строке?

    Подскажите, как расположить ссылки по горизонтали, в одной строке. По умолчанию они размещаются одна под другой, по вертикали. Пробовал вставлять float, пробовал вставлять display:inline. Не помогает.

    Asked by shady,

    0 votes
    4 answers

  14. заголовок нестандартным шрифтом

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

    Asked by vovan,

    0 votes
    12 answers

  15. Растянуть div по высоте ячейки таблицы

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <style type="text/css"> .myclass { height: 100%; width: 100%; background: #000000; } </style> <table> <tr> <td valign="top" bgcolor="#00FF00"> aaa<br><br><br>aaa </td> <td valign="top" bgcolor="#FF0000"> <div class="myclass">mydiv</div> </td> </tr> </html> Пока не выставил HTML 4.01 Transitional проблем с этим не было, но хотелось сделать так, чтобы работало в этом стандарте. Задача - растянуть div под ячейку td в высоту. Перепробовал много вариа…

    Asked by PCSpeaker,

    0 votes
    12 answers

  16. Как автоматически запускать видео при загрузке страницы?

    Как автоматически запускать видео при загрузке страницы?

    Asked by minon-a,

    0 votes
    22 answers

  17. Посоветуйте хорошие книги про WEB-программированию.

    Здравствуйте. Посоветуйте пожалуйста, с какой книги (книг) начинать изучение основ программирования сайтов? Интересует HTML5, PHP (скорее всего через фраймворк CodeIgniter). Нихрена пока в этом не понимаю, но в тонкостях изучив предыдущую специальность, решил поменять жизненное увлечение

    Asked by Erenbur,

    0 votes
    31 answers

  18. Хорошо использовать display: table, table-cell и table-row для div-ов?

    Люди у меня к вам вопрос, хорошо ли использовать CSS свойства display: table, table-cell и table-row для div-ов? Иногда я не могу добиться нужного мне результат без таблиц, но таблицы использовать для дизайна не рекомендуется, насколько я слышал. Об этом часто упоминается. Поэтому я попробовал такую вещь - CSS свойства display: table, table-cell и table-row т.е. вместо <table> пишу <div style="display: table">; вместо <tr> - <div style="table-row">; и вместо <td> - <div style="table-cell"> это позволяет div-ам задавать свойства как для таблиц и ячеек, это иногда очень удобно, но - есть один небольшой недостаток - IE не поддерживает …

    Asked by multio,

    0 votes
    11 answers

  19. Не полностью отображается сайт в Internet Explorer

    Под IE не отображается половина добрая главной страницы. Нет левого меню, половины текста и партнеров. На других страницах это все есть, но отображается тоже некорректно. Например, кнопки в левой нижней части (карнизы SunDeco) обрезаются. Вот адрес моего сайта : http://www.rolsistem.ua/ - посмотрите пожалуйста в чем может быть проблема, кто сталкивался с этим и может есть какие способы устранения. , где что нужно исправить?

    Asked by muravei,

    0 votes
    18 answers

  20. Почему подключенные шрифты выглядят в разных браузерах по разному?

    Всем привет! Подключил на сайт http://flowqi.ru несколько шрифтов с помощью CSS @font-face { font-family: "Chine"; src: url('fonts/chine.eot'); } @font-face { font-family: "Chine"; src: url('fonts/chine.ttf'); } @font-face { font-family: "President Cyr"; src: url('fonts/President_Cyr_Regular.eot'); } @font-face { font-family: "President Cyr"; src: url('fonts/President_Cyr_Regular.ttf'); } @font-face { font-family: "JakobCTT"; src: url('fonts/JakobCTT_Regular.eot'); } @font-face { font-family: "JakobCTT"; src: url('fonts/JakobCTT_Regular.ttf'); } В результате в разных браузерах шрифты отображаются по разному Идеально в IE. Можно ли это победить? Может со шрифтами чт…

    Asked by VasyOK{!},

    0 votes
    9 answers

  21. Переопределение стилей bootstrap, как правильно

    Наверное вопрос покажется глупым для многих, но как в Bootstrap правильно переопределять стили? Добавляя свой новый класс: <ul class="nav nav-tabs custom-nav-tabs"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"><a href="#">Profile</a></li> <li role="presentation"><a href="#">Messages</a></li></ul>.custom nav-tabs { border-bottom: 2px solid #f00;}Или же можно сразу использовать классы bootstrap? <ul class="nav nav-tabs"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"…

    Asked by Shiza,

    0 votes
    1 answer

  22. Как можно реализовать раскрывающееся меню (CSS+HTML)

    Например, я хочу написать о ручке. Ручка состоит из... Стержень, корпус, колпачок, и т. д., и т. п. Чтобы пользователь видел только "Ручка состоит из...", а описание появлялось при нажатии на этот заголовок. Реализация посредством CSS и HTML, без каких-либо там JavaScripts, DHTML и т. д.

    Asked by MDM,

    0 votes
    8 answers

  23. Как сделать блок свернуть развернуть на Jquery

    Нужно сделать так чтоб при первом клике по ссылке, его названия менялось на свернуть и менялось стрелочка. И потом при втором клике названия менялось на развернуть

    Asked by Виталий Диблюк,

    0 votes
    2 answers

  24. Растянуть фон DIV по высоте DIV float

    Всем привет! Много искал но так ничего подобного и не нашел о том как растянуть фоновый DIV по высоте вложенного в него элемента DIV с обтеканием! Давно с таким не сталкивался, всегда делал таблицей, но тут другой вариант, таблицей нельзя! Причем в IE все работает "нормально" - а может и на оборот Opera глючит Вобщем надо, чтоб растягивался фон! т.е. там есть зеленый фон, он должен растянуться взависимости от высоты плавающих элементов, т.е. НЕ FIX. Если решение возможно, буду очень благодарен!!! Вот пример: <!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/19…

    Asked by romlex,

    0 votes
    5 answers

  25. Рамка с закругленными краями ( для таблицы)

    Задача! Надо сверстать такое http://fota.mota.ru/albums/7b677767b8ffbf2...24/image/0.html я сделала так <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS&DIV...Флора & Фауна ...Домашняя страница...</title> <link href="Style21.css" rel="stylesheet" type="text/css" /> </head> <body class="m2" > <div id='container'> <table cellspacing="0" > <tr> <td width="8%" > <div id="td13"> <div id='img_t_right'> </div> </div></td> <td > <div id="td20"> <div id="l"> <div id="r"> <d…

    Asked by m2v11,

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