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. Дата публикации материала HTML

    Здравствуйте, как (желательно не JS) я могу преобразовать на сайте дату публикации материала, например: Фото машины, опубликовано: 25.07.2022

    Asked by Bombas,

    0 votes
    1 answer

  2. Дата, месяц, год

    При регистрации на форумах, сайтах... нужно вводить "День, месяц, год". Значения в данные формы нужно вводить вручную или здесь используется какой то скрипт?

    Asked by Alex&R,

    0 votes
    4 answers

  3. Два <body> на странице.

    Eсть сайтик где режется js да и много чего другого, но я обнавружил, что возможно добавление <body onLoad="..."></body> и соответственно творения со страничкой любого js непотребства) Если бы оно нужно было для пакости то яб не парился, но мне оно нужно исключительно для косметической работы(css там тож запрещены). Такой вот собсно вопрос: какие ошибки и глюки может повлечь добавление меж двух основных боди вышеприведённой конструкции. Так оно вроде работает вполне нормально, но мало ли.)

    Asked by AjiTae,

    0 votes
    4 answers

  4. Два <div> в одну строку

    Здравствуйте! Подскажите пожалуйста, как расположить два дива в одну строку в данном случае? .container1 { width: 100%; padding: 20px 0 20px 0; background: #000; } .container1 .new { width: 470px; padding: 20px; margin: 0 auto; } .container1 .last { width: 470px; float: right; padding: 20px; } Скриншот: Пробовал играться с float-ами, как в основном советуют — не получается.

    Asked by vladsypchenko,

    0 votes
    4 answers

  5. Два backround-image для одного тэга

    Есть div. Небходимо задать для него несколько backround-image'ов. Предполагается разместить их в разных частях дива через backround-position. Никто не решал такой задачи ?

    Asked by kidar2,

    0 votes
    6 answers

  6. два div relative + центрование второго div внутри первого

    Как отцентровать wrapper внутри container 1) по горизонтали и вертикали ? 2) по горизонтали ? 3) по вертикали ? <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Html</title> <body> <style> * { margin:0; padding:0; } html,body { background: none; height: 100%; width: 100%; } .container { display: block; position: relative; height: 10…

    Asked by rtl_one,

    0 votes
    1 answer

  7. Два div друг под другом с выравниванием по правому краю

    Добрый вечер. Помогите начинающему. Сижу уже второй час над задачкой. Проблема на странице http://vtrailere.ru/treiler-k-filmu-bolshoi-god . Мне нужно чтобы даты выхода в мире и в РФ были друг под другом. Не могу понять помему они сейчас не под друг другом так как они не inline. Заранее спасибо подсказавшему

    Asked by smirn0ff,

    0 votes
    4 answers

  8. Два DIV с рамкой, не выравниваются друг на друга

    Подскажите пожалуйста: Как сделать, чтобы блок с право, выравнивался к левому блоку (чтобы рамка правого блока была на ровне с левым) Макет вот здесь: JSFIDDLE (макет)

    Asked by AppleMacMy,

    0 votes
    3 answers

  9. Два DIV: левый резиновый, правый фиксированый

    Проблема в общем то вот какая. Есть сайт с дизайном: http://cxem.net/arduino/arduino.php, мне нужно справа добавить панель. Т.к. я старой закалки и секу в основном в табличной верстке, в DIV'ах пока что не очень получается реализовать такую вещь: нужно сделать панель справа, типа меню. Фиксированого размера (около 150-200 пикселей), а левую основную панель с контентом резиновую. Чтобы между 2-мя панелями был какой-то промежуток 10-20 px. Справа я панель присобачил кое-как, но вот левая панель либо наезжает на нее, при задании у нее свойства width:80% (незнаю какое тут число ставить), либо не доезжает. Подскажите как сделать? Заранее спасибо

    Asked by tolik777,

    0 votes
    3 answers

  10. Два div: один по центру, другой рядом

    Опыта вёрстки никакого. ) Хотелось бы элементы управления регистрации разместить по центру, а рядом - сводка сообщений об ошибках, допущенных при вводе. Никак не получается.

    Asked by RollingStone,

    0 votes
    2 answers

  11. Два div'а в ряд, nowrap, IE 6-9

    Доброго времени суток. У меня вопрос к истинным знатокам CSS. Задача - есть вот такой html-код, который нельзя менять - можно только дописывать в него CSS: <div style=" border: 1px dotted black; width: 300px; "> <div style=" background-color: red; height: 19px; width: 19px; " ></div> <div style=" background-color: silver; ">eins, zwei, drei, vier, funf, sechs, sieben, acht, neun</div> </div> Необходимо получить вот такое: Вот моя попытка: <html> <head> </head> <body> <div style=" border: 1px dotted black; width: 300px; overflow: hidden; …

    Asked by Urnix,

    0 votes
    9 answers

  12. два div'а одинаковой высоты

    Понимаю что тема уже избита, но всё же. У меня есть два div'а, у одного "float:left", другой просто обтекает + они завернуты в общий блок div. Цвета фонов разные, причем у левого есть ещё рамка. Не получается сделать высоту одинаковым. Ставил обоим div'ам "display:table-cell", но и тут без проблем, если например сделать у одного из div'ов "padding:20px", то и у второго тоже "padding" становится 20px, а мне не надо так. Помогите люди добрые)

    Asked by dirtez,

    0 votes
    3 answers

  13. два fieldset-а рядом

    Располагаю рядом два fieldset-а <div id="content"> <fieldset> <legend>Покупка</legend> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> </fieldset> <fieldset> <legend>Продажа</legend> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один прод…

    Asked by alexlut,

    0 votes
    1 answer

  14. Два float div'а рядом

    <style type="text/css"> .sidenote {width:200px; float:left; padding:3px; border:solid 2px turquoise; margin:15px} </style> .................... <div class="sidenote"> Выноска </div> Основной текст <div class="sidenote"> Выноска </div> Продолжение основного текста. div'ы класса sidenote сделаны float. Когда два таких div'а стоят близко друг к другу, один из них позиционируется как float относительно другого, а мне хотелось бы, чтобы они были float для чего угодно, кроме друг друга. Чтобы они сами позиционировались друг под другом. Это реально?

    Asked by Webr,

    0 votes
    2 answers

  15. Два id

    Можно ли одному элементу задавать два id? Какие могут быть последствия?

    Asked by Колос,

    0 votes
    5 answers

  16. Два inline div'а, дополнение до ширины ячейки

    Здравствуйте! Возник следующий вопрос по верстке. Есть ячейка таблицы, в неё выводится сгенерированнный в PHP текст (выделен синим). А после него должен выводится ещё кусок текста, начиная с той же строки (выделено сиреневым). В принципе все понятно, нужны два div'а с display: inline, но сиреневый блок должен быть редактируем пользователем, т.е. contenteditable=true. Далее он с использованием аякса отправляется на сервер. Проблема возникает, когда блок пустой - тогда пользователю просто некуда тыкнуть мышкой, чтобы его создать. Идеальным решением было бы растянуть его до конца ячейки, т.е. нечто вроде такого: (Сиреневый блок ещё не имеет текста, но растягивается на в…

    Asked by unkalien,

    0 votes
    3 answers

  17. Два активных меню

    Есть два меню, одно меню сверху, другое снизу. Верхнее реагирует на наведение курсора отображением фона прописанного в css, а нижнее должно реагировать выводом картинки (кнопки). В итоге нижнее наследует отображение фона, прописанное для верхнего. body { background-color: #FFFFFF; background-image: url("tree.png"); background-repeat: no-repeat; background-position: 20px 125px; } #logo { position: relative; top: 10px; left: 30px; height: 95px; width: 220px; } #buttonfeald { position: absolute; top: 45px; left: 300px; width: 711px; height: 60px; z-index: 1; } ul { position: absolute; top: 37px; left: 271px; font: bold 12pt sans-serif; z-index: 3; } ul li {…

    Asked by I159,

    0 votes
    0 answers

  18. Два блока

    Возник очередной вопрос, как правильнее сделать и проще такую задачу. Первое что пришло в голову. HTML <div id="header"> <div id="menu"> <ul> <li>Control Panel</li> </ul> </div> <div id="sub_menu"> <ul> <li>Settings</li> </ul> </div> </div> CSS #header { width: 100%; background-color: #000; } #header #menu { height: 30px; } #header #sub_menu { height: 30px; background-color: #dadada; } #header #menu ul { color: #fff; } #header #menu ul li { float: left; padding: 8px 0px 0px 30px; margin: 0px 0px 0px 0px; list-st…

    Asked by Simel,

    0 votes
    5 answers

  19. Два блока - один с динамической шириной, другой с статической

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

    Asked by _axl,

    0 votes
    4 answers

  20. Два блока в контйнере, При изм.размеров браузера - сползает в ИЕ

    Два блока друг за другом в контейнере Размер контейнера указан и поэтому при изменении размера браузера, когда размер становится меньше указанного появляется скрол ВЕЗДЕ кроме ИЕ всё в архиве здесь http://dump.ru/file/1373709

    Asked by SteaM,

    0 votes
    3 answers

  21. Два блока в одном при плавающих размерах двух из трех.

    Привет, в общем имеется задача: Где контейнер имеет плавающую ширину. Красный прямоугольник имеет фиксированную ширину. Блок с текстом имеет плавающую ширину В первом варианте, случилось чудо, и строка ровно такая чтобы прижать красный блок к контейнеру. Во втором варианте, текста совсем мало. Поэтому красный блок уезжает вместе с границей блока с текстом влево. В третьем варианте, текста слишком много, и он опускается на новую строчку, не сгоняя при этом красный блок вниз. (По идеи если в первом блоке строк много, и красный будет выровнен еще и по вертикале на середину то это будет в обще просто супер. Но об этом приходиться только мечтать.) Кто нибудь может натолкнет …

    Asked by pizzZ,

    0 votes
    20 answers

  22. Два блока на всю ширину экрана

    Есть два блока, один фиксированного размера, второй должен растянуться по ширине до конца страницы. То есть, 2 блока должны растянуться на всю ширину странички. Вот пример - http://jsfiddle.net/9k5xwnvp/

    Asked by alleclf,

    0 votes
    4 answers

  23. Два блока на разной высоте

    Доброго времени суток. http://barab.esy.es/# Вот ссылочка на обычный html/css+javascript сайт. Проблема. Не равняется два блока: "наша миссия" и слайдер околече. Хочется, чтобы на одной высоте были. Как исправить не знаю.

    Asked by TheZimbabve,

    0 votes
    2 answers

  24. Два блока одинаковой высоты

    Как сделать два блока одинаковой высоты если размеры указывать в процентах. Вот пример - https://jsfiddle.net/u0w204a4/ Размер красного блока зависит от размера экрана, как подогнать высоту синего блока чтобы она была такая же как и у красного? Текст в синем блоке должен быть в самом низу на уровне нижнего края картинки.

    Asked by alleclf,

    0 votes
    2 answers

  25. Два блока перекрывают друг друга при мобильном разрешении

    Доброго времени суток, на сайте i-took.ru при мобильном разрешении строка поиска и рекламный блок перекрывают друг друга, не смог решить проблему <form method="post" action="" class="search"> <input type="hidden" name="do" value="search" /> <input type="hidden" name="subaction" value="search" /> <input id="story" name="story" class="searchTerm" placeholder="Поиск по сайту ..." /> <input class="searchButton" type="submit" /><span class="searchIcon entypo-search"></span> </form> <div class="m20"> <a href="http://i-took.ru/" target="_blank"> <img src="{THEME}/assets/img/monitor.png" class=""> …

    Asked by itook.ru,

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