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. Две колонки

    Здравствуйте, помогите решить проблему. CSS недавно начал осваивать. Нужно что бы блоки news и menu обтекались блоком content а получается вот что CSS #container { width: 875px; } #top { background:url(../images/top.jpg) no-repeat #000000; width:875px; height:427px; } #speedbar .leftb { width: 115px; height: 32px; float: left; color: white; background:url(../images/b_l.gif) no-repeat #000000; } #speedbar .centerb { height: 32px; width: 732px; background:url(../images/b_c.gif) repeat #000000; margin-left: 0px; float: left; } #speedbar .rightb { height: 32px; background:url(../images/b_r.gif) no-repeat #000000; float: left; margin-left: 0…

    Asked by depode,

    0 votes
    6 answers

  2. две колонки - первая не тянется по высоте!

    казалось бы простой как мир макет на дивах - 2 колонки: первая 250 пикс, вторая на все остальное. левая - чисто декоративнаяЮ там два дива с рисунками, вторая это контент. при вертикальном скроллинге (когда в контенте много текста) левая колонка завершается при первоначальном фактическом размере браузера. а надо чтобы тянулась вниз...

    Asked by maxefimov,

    0 votes
    1 answer

  3. Две колонки с блоками в них. из одной колонки блоки поподают в другую

    КАТОЛОГ ЭЛЕКТРОТОВАРОВ Кабель и провод ПУНП, ПУГНП, ШВВП ВВГ, ВВГ-нг, ВВГ-нг-ls, АВВГ NYM, NYM-севкабель ВбБШВ, АВбБШВ пвс, кг, А, АПВ, СИП ПВ-1, ПВ-3 КСПВ, ШТЛП, ТРП UTP, FTP, STP, TV-кабель Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки этот блок вообще вправо вылезает в эксплоере Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал,…

    Asked by makel,

    0 votes
    0 answers

  4. две неподвижные фоновые картинки. как?

    Здрасти) Вобщем такая ситуация, заказчик попросил сделать тянущийся по ширене сайт чтоб по бокам были фоновые картинки неподвижные. Картинки имеют определенную ширину, рабочаю область 80% но не менее 800рх. как я понимаю картинки должны быть именно в фоне или дивы привязать. они также должны скрываться если рабочая область не помещается и в то-же время от них не должен появляться скрол. при маленьких размераш рабочая облость не должна скрываться (обычно левый край) за облости видимости браузера. Если кто-то понял этот бред, можете поделится идеями или код

    Asked by clgs,

    0 votes
    23 answers

  5. Две одинаковые таблицы, разное отображение

    Здравствуйте. Выводится две абсолютно одинаковые таблицы: 1) http://concerts.in.ua/ (внизу страницы) 2) http://concerts.in.ua/index.php?view=venueevents&id=3:underground-music-hall (внизу страницы) В перво случае край таблицы вылазит, а во втором нет, при этом файл шаблона одинаковый, css одинаковый и т.д. Почему получается такая разница?

    Asked by param,

    0 votes
    5 answers

  6. две плашки. изменить порядок наложения

    помогите пожалуйста на этой страничке поместить плашку с крестом под плашку формы

    Asked by cyklop77,

    0 votes
    2 answers

  7. Две полосы прокрутки

    Собственно, нужно сделать у блока полосу прокрутки и снизу, и сверху. Полоса прокрутки стандартная. Какие вообще идеи? Спасибо.

    Asked by DjTarik,

    0 votes
    2 answers

  8. Две проблемы в JavaScipt (jQuery)

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> input { position: relative; transition: all ease 1s; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button>Посчитать!</button> <button id="lol">Сместить!</button> </body> </html> И его скрипт: $('documen…

    Asked by ErUnDAK,

    0 votes
    5 answers

  9. Две проблемы в Safari и Opera

    Как видно, что проблема одна, но двух браузерах, во всех остальных все работает как надо. Сайт. Смотреть желательно в Opera и Safari. 1) В этих браузерах не отображается фон. BODY { background : url(../images/back.png) repeat-x; margin : 28px 0px 0px 0px; font-family : Verdana; font-size : 12px; color : #000000; height : auto !important; min-height : 100%; } 2) Меню в синей строчке имеет вид маркированного спика. Хотя в CSS прописан div#cpanel ul { margin : 0px; padding : 0px; list-style : none; } * html div#cpanel ul { float : left; border-left : 1px solid #0E96CF; margin-left : 15px; list-style : none; } div#cpanel li { float : left; position : re…

    Asked by PaLyCH,

    0 votes
    6 answers

  10. две проблемы в опере

    Здравствуйте не слишком соображаю в верстке, накидал тут зачаток макета, и сразу две проблемы... Во-первых, шрифт который я подгрузил, внешний, работает только в лисе во-вторых, лиса отрисовывает границу и заливку дива, а опера почему-то нет. Подскажите как исправить, на что обратить внимание. В ие даже боюсь заглядывать химичу тут http://lvl7.ru/author.php

    Asked by phii,

    0 votes
    3 answers

  11. Две проблемы с тач-устройствами

    Здравствуйте, коллеги! Столкнулся с двумя проблемами при тестировании верстки на ipad'е, прошу совета. 1. Допустим, на странице есть картинка-ссылка и скрытый блок с position:absolute, который в видимом состоянии перекрывает эту картинку-ссылку. При тапе на некий триггер блок становится видимым, при тапе на самом блоке он прячется. И вот когда происходит касание блока, открытого над картинкой-ссылкой, то не только блок прячется, но и ссылка активизируется, т.е. происходит переход по ссылке. Как побороть такое поведение? 2. Эта проблема совсем мистическая. Есть классическое выпадающее горизонтальное меню на ховерах. На ipad'е была проблема с однозначностью работы (нужно, ч…

    Asked by Elflight,

    0 votes
    5 answers

  12. две разные ссылки в одном документе

    цвета ссылок меню хочется оставить прежними, изменив при этом только hover отдельных ссылок (вне меню) ссылки меню прописывал в css ,попробовал другим ссылкам поменять цвет через новый класс, ничего не получилось, может ещё как?

    Asked by Melted,

    0 votes
    5 answers

  13. Две разных страницы сайта в одну тему для WordPress

    Всем доброго времени суток! По мере создания первого сайта возник следующий вопрос. Есть свёрстанные две страницы: 1я страница - это главная, 2я страница - это все остальные где будут размещаться посты и контент. Как сделать так что бы они работали между собой? Да ещё и под CMS Wordpress? Заранее спасибо за ответы и помощь!

    Asked by aov000,

    0 votes
    3 answers

  14. две резиново- фиксированые колонки

    Добрый день, верстаю уже очень долго, но есть несколько моментов которые не мог никогда решить нормально и прибегал к тупым вариантам, вот наконецто пришол момент когда и они не помагают. Ситуация в следуйщая есть правай колонка и Контентная, что нужно, нужно что б левай была к примеру 200пкс, контентная оставшееся место, в моём случае это 760, так как блок в котором они находятся 960пкс и отцентрован по середине.Дальше , если в левую колонку что то выводится она становится 200пкс по ширине, контентная сдвигается, как токо с с левой колонки удоляем содержимое контентная занимает все место. Вот это первая моя проблемма.Об отсальных пока промолчу, их там всего 2-3.

    Asked by sorrrrry,

    0 votes
    7 answers

  15. Две ссылки на одну кнопку

    Ребята, оочень слабо смыслю в html, скомуниздил с сайта форму вместе с дизайном кнопки " <div class="inputs"> <input type="hidden" name="userip" value="" /> <input type="hidden" name="promo" value="" /> <input type="hidden" name="srcurl" value="" /> <input type="hidden" name="ctag" value="" /> <input id="firstname" type="text" name="firstname" class="name input" placeholder="Имя" /> <input id="email" type="text" name="Email" class="email input" placeholder="Email"…

    Asked by jack777,

    0 votes
    0 answers

  16. Две ссылки не выравниваются

    https://jsfiddle.net/daniars/wzty3xp6/ - ссылка на код 1)Как должно быть 2)На данный момент Никак не пойму, почему они не ровно стоят

    Asked by Данияр,

    0 votes
    1 answer

  17. Две строки в одну линию

    Добрый вечер. Помогите две строчки сделать в одну линию http://imm.io/qN8s

    Asked by smirn0ff,

    0 votes
    11 answers

  18. Две таблицы на одной строке

    Как разместить две маленьких таблицы на одной строке? Вторая всегда размещается ниже первой, хотя места там достаточно.

    Asked by wewwew,

    0 votes
    9 answers

  19. Две таблицы одинаковой высоты

    Вот код: <table cellspacing="0" cellpadding="0" width="929" border="1" height="100%"> <tr> <td> <table cellspacing="0" cellpadding="0" height="100%" border="1"> <tr height="100%"> <td><p>5</p><p>5</p></td> </tr> </table> </td> <td> <table cellspacing="0" cellpadding="0" height="100%" border="1"> <tr height="100%"> <td>5</td> </tr> </table> </td> </tr> </table> Как сделать, так чтобы высота двух таблиц была одинаковой???

    Asked by fl.atom,

    0 votes
    3 answers

  20. Две фоновые картинки, залезающие друг на друга.

    Имеется блок #content, высота не задана, минимальная ширина 940, максимальная 1280. В этом блоке должны располагаться 2 фоновые картинки, 1 прижата к левому краю, а вторая соответственно к правому, при этом левая картинка занимает 42% ширины от блока, а вторая 74%, так как это больше ширины блока, 1 картинка должна залезать на вторую, но если бы их нужно было просто растянуть, вся соль в том, что при увеличении ширины должна увеличиваться высота пропорционально размерам картинки, огромная просьба объяснить, как это сделать?

    Asked by main.c,

    0 votes
    2 answers

  21. Две фоновых картинки

    Добрый вечер, Гугу веб-дизайна! Вот, не знаю, как быть… В процессе создания меню для сайта столкнулся с траблом. Меню представляет собой список — <ul>. Для тега <a> прописано фоновое изображение (уголок, прибитый к левому нижнему углу). Нужен точно такой же уголок в правом нижнем. Пробовал использовать вложенный <div> — всё рушится. Подскажите, как сделать? #menu { background-color:#34618e; text-align:center; height:25px; margin-top:10px; margin-left: 50px; margin-right: 50px; padding-top: 20px; } #menu ul, #menu li { display:inline; margin:0; padding:0; } #menu a { padding:20px 25px 20px 25px; background-color:#507caa; background-image:u…

    Asked by brainiac,

    0 votes
    3 answers

  22. Две фоновых картинки (вверху и внизу)

    Нужно сделать так, чтобы вверху странички была одна фоновая картинка, а внизу - другая. Посмотрел, поискал где и как это сделано, не нашел ничего лучше чем так: <body style="background:url('img_bottom.jpg') no-repeat bottom middle"> <div style="background:url('img_top.jpg') no-repeat top middle"> тут содержимое странички </div></body>Вопросы: 1. Почему в примерах, что я нашел, во внешнем контейнере задается нижняя фоновая картинка, а во внутреннем - верхняя, а не наоборот? Так чем-то лучше или совершенно безразлично? 2. Есть ли более простой способ задать две фоновый картинки? З.Ы. не middle а center, спасибо!

    Asked by rgl,

    0 votes
    11 answers

  23. Две фоновых картинки body

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

    Asked by riptup,

    0 votes
    11 answers

  24. Две формы

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

    Asked by ned,

    0 votes
    5 answers

  25. Две формы на одной странице

    Здравствуйте. Помогите с советом, сам не знаю как сделать. На странице есть форма обратной связи методом post. Код формы: <form name="sentMessage" id="contactForm" novalidate> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="Представьтесь..." id="name" required data-validation-required-message="Пожалуйста напишете своё имя."> <p class="help-block text-danger"></p> </div> <div class="form-group"> <input type="email" class="form-control" placeholder="Ваш Email...…

    Asked by 35th,

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