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 блок залезает на другой при сжатие страницы. Как избавится от смещения блоков при сжатие? Как не дать блоку div залезть на другой блок?

    Asked by Tardpipl,

    0 votes
    3 answers

  2. Div Блок опустить вниз

    Как div блок 1 опустить в область 2 на картинки показано!Подскажите пожалуйста. margin-ы не помогают смещается тогда вся область,position тоже ерунда выходит,скорей всего не правильно применяю(

    Asked by AlexNN,

    0 votes
    4 answers

  3. div блок по центру

    как сделать этот блок по центру CSS: * { margin:0; padding:0; } #form_comment { border:2px solid #333; color:#333; font:14px bold Verdana; position:absolute; padding:5px 10px; margin:20px; } #form_comment * { margin:4px auto; } .enter_email { width:200px; border:1px solid #707070; } .enter_message { width:400px; border:1px solid #707070; } .enter { width:150px; height:30px; float:right; text-transform:uppercase; } HTML: <div id="form_comment"> <form action="#" method="post" name="addcom"> <p>Ваш email:</p> <p><input name="email" type="text" class="enter_email" /></p> <p>Ваше сообщение:</p&…

    Asked by AndreyT,

    0 votes
    30 answers

  4. div блок съезжает при уменьшении окна

    div блок постоянно съезжает, хотя опробовал все. Ответы, что я находил не помогали, смена позиционирования тоже. Может, кто знает как это исправить? Код прилагаю HTML Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css"> <title>Вход</title> </head> <body bgcolor="#34495e"> <form class="box" action="index.html" method="post"> <h1>Вход</h1> <input type="text" name="" placeholder="Имя п…

    Asked by Fani,

    0 votes
    9 answers

  5. div блок, управление

    День добрый. Столкнулся с такой проблемой как перемещение div бока. Сам сайт я пытаюсь как-то сделать адаптивным и мне нужно рядом с div болком поставить еще 1 div блок. Как мне это сделать? Проблема в том что если я буду переносить с помощью px или % то этот блок будет куда нибудь сносить (при других разрешениях экрана).Что делать P.S. Ссылка на сайт: http://fineway.net16.net/ .Как он должен выглядеть: http://imgur.com/TjsJiXv . HEEEELP!

    Asked by Tardpipl,

    0 votes
    1 answer

  6. Div блоки

    Хочу расположить 3 блока div горизонтально. левый и правый фиксированной длины, средний растягивается на ширину страницы. Пишу такой текст <div style='background:red; width:63px; height:38px; float: left'> Левый блок </div> <div style='background:blue; height:38px; margin-left:63px; margin-right:14px;'> Центр </div> <div style='background:green;width:14px; height:38px; float:right;'> Правый блок </div> но почему то 3 блок съезжает вниз....что я не так делаю?

    Asked by RiG,

    0 votes
    4 answers

  7. Div блоки

    Кто знает как при помощи div сделать так чтобы был блок который содержит в себе 12 изображений по горизонтале 4 в 3 ряда

    Asked by zebraej,

    0 votes
    18 answers

  8. div больше-меньше в высоту

    Есть div и в него выводятся результаты javascript. Div окрашен в цвет отличный от фона страницы. Иногда javascript выводит в него 3 строки текста, иногда 5. Когда 5, то div-блок увеличивается в высоту. Как запретить увеличиваться div-блоку?

    Asked by Slyfox,

    0 votes
    6 answers

  9. div в div (pading/marging)

    Доброго времени суток, ситуация такова есть div он width:100% в нем 2 div'a по width:50% и с float;left, в одном из половинчатых div'ов вбиваю еще один див с параметрами width:100%, так вот если я последнему div'у задаю padding или marging к примеру 10px то он заходить на соседний div. Получается 100%+(10px+10px) и за счет этого вылазает, как сделать так чтобы этот отступ вычитывался из 100; последнего div'а? пример: HTML: <div class="main"> <div class="left"> <div class="title">Титул</div> </div> <div class="right">1</div> </div> CSS: .main {width:100%;background:#000;} .left {width:50%;height:100px;ba…

    Asked by Arhidiablo,

    0 votes
    3 answers

  10. Div в div'e

    Привет Появилась проблема с вложенными дивами и я не могу ее сам решить Нужна такая конструкция (нарисовал на скорую руку) http://img532.imageshack.us/img532/144/atata.png Блоки (1) и (2) находятся один под одним, в блок (2) входят два блока: (3) и (4). В свою очередь в блоки (3) и (4) входят еще одна "конструкция". (по сути, в 3м и 4м блоке будет одно и тоже, только с разной шириной. В общем, все это я пытаюсь сделать следующим образом: (4го блока тут нет, ибо даже не пытался сделать, без нормального 3го) <div class="center-menu"></div> /* блок (1) */ <div class="center-body"> /* Блок (2) */ <div class="left-menu"> /* Блок 3 */ <div styl…

    Asked by Eudelis,

    0 votes
    3 answers

  11. Div в div'e

    Здравствуйте! Есть div, в котором содержится еще 6 div'ов - 6 кнопок. Каждая кнопка немного наложена на другую, поэтому место, занимаемое кнопками, меньше размера исходного div'a. Т.е. кнопка длиной 135, 135х6=810. С учетом наложения - 735. Если делать исходный div размера 735, то последняя кнопка переносится на след. строку. Я думаю из-за того, что кнопки были смещены относительно исходного положения. Как это убрать? <div id="menu"> <div id="block1"><img src="but1.gif"></img> </div> <div id="block2"><img src="but2.gif"></img> </div> <div id="block3"><img src="but3…

    Asked by chertixa,

    0 votes
    4 answers

  12. div в div'e

    Вопросик=) мне нужно отпозиционировать список ... в коде я его поставил между комменттариями <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (НАЧАЛО СПИСКА) --> и соответственно <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (КОНЕЦ СПИСКА) --> Хотелось бы чтобы он был над выпадающим меню, и не потерял "кликабельность" ... <!DOCTYPE html> <html> <head> <title>JAGUAR</title> <style> *{margin:0;padding:0;} body { font: 14px/1.4 Georgia, serif; background: #333; overflow-x: hidden; } .menu { position:absolute; padding-top:253px; padding-left:48px; margin:0 auto; } .nav { box-shadow:10px 10px 10px rgba(0,0,0,0.5); min-width: 800px; padd…

    Asked by spn_one,

    0 votes
    0 answers

  13. Div в div'e(взаимная зависимость размера)

    Здравствуйте! Столкнулся с такой проблемой при вёрстке. Есть 4 дива: <div id="content"> <div id="left"> </div> <div id="main"> <div id="menu"></div> </div> <div id="right"></div> </div> В диве main хранится контент, у него установлена min-height:600px. Когда контент превышает размер, main, как и следовало ожидать, растягивается по вертикали, а вот остальные остаются такого же размера. Как сделать, что бы все они растягивались, включая content. Заранее благодарю!

    Asked by Vigilem,

    0 votes
    1 answer

  14. div в div'е - помогите с высотой блока

    Добрый день! Нужна помощь знатаков... Поставил на ВП новый виджет - поехал шаблон. У меня div в div'е. Первый div по высоте не растягивается. Из-за этого содержимое внутреннего (вложенного) div'а не мопомещается в главный div. Подскажите, пожалуйста, чего там не хватает ((( Заранее спасибо.

    Asked by dron,

    0 votes
    5 answers

  15. div в divе

    Здравстуйте. Имеется стандартная верстка , меню, шапка, две колонки и футер... Выглядит так: <div class="main"> <div class="container"> <div class="main_menu">Главное меню</div> <div class="header">Хедер</div> <div class="left"></div> <div class="center"></div> <div class="footer">Подвал</div> </div> </div> Проблема в том, что в основной див container почему то входят только блоки main_menu и header а все остальные как бы отдельно. Хотя в коде все блоки располагаются в нем. Из-за этого я не могу сделать рамку вокруг всего контейнера. Если же например у блока left убрать float:left, то…

    Asked by greeb,

    0 votes
    4 answers

  16. Div в joomla

    Доброго времени суток. Подскажите пожалуйста, как с готового меню, сделать так чтоб ее понимала ждумла, через код php? Меню с тенью и закругленными углами. <div class="first"><div class="last"> первый и последний ДИВ с закруглениями. Те что между ними, включая верхние и нижние - пункты меню, которые джумла должна выводить сама а не заполнять вручную. Общем, как-то модуль <jdoc include type modules...> должен в данном случае, быть написан php кодом. ПОдскажите пожалуйста! <div id="goriz"> <div class="first"><a href="#">TEXT</a></div> <div><a href="#">TEXT</a></div> <div><a href="#…

    Asked by :tyz,

    0 votes
    6 answers

  17. div в Opera - съезжание при попытке подогнать по ширине страницы

    При попытке нажать кнопку в Opera "подогнать по ширине" шапка сайта, состоящая из двух jpg и одного flash расползается - правая картинка перемешается вниз. Также при включенном режиме "подогнать" 3 уровень выпадающего меню частично исчезает - при любом разрешении. Для div выставлены точные размеры ширины и высоты в css. "Подогнать по ширине" (кнопка внижнем правом углу) работает, если разрешение монитора меньше, чем ширина сайта - 996 px Пытался поставить невидимое изображение 996 * 1 - оно, конечно, начинает маштабироваться в этом случае. Возможно ли устранить эти проблемы? Благодарю за помощь. см. http://rbenergo.ru/new/

    Asked by alanbus,

    0 votes
    4 answers

  18. div в td

    Подскажите пожалуйста, как сделать следующую вещь: <table> <tr> <td style="height:100%"> <div class="1"> </div> <div class="2"> </div> </td> </tr> </table> Оба дива фикс. ширины и высоты, необходимо чтобы один был прибит к полу td, а второй к потолку. Вставлять внутрь ещ? одну таблицу не хочется..

    Asked by Lergana,

    0 votes
    9 answers

  19. div в td и увеличение фона

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

    Asked by reteiktor,

    0 votes
    7 answers

  20. Div в две колонки

    Как расположить два div блока напротив друг друга? Сколько рылся в css так и не понял.

    Asked by Vamp,

    0 votes
    4 answers

  21. div в оставшуюся высоту экрана

    Ребята привет. Делема в том, что нужно растянуть div.conteiner во всю оставшуюся от шапки div.head высоту экрана, что бы не появлялась полоса прокрутки. Вот код http://jsfiddle.net/MsnWg/12/ Подскажите пожалуйста как можно сделать.

    Asked by SnowWind,

    0 votes
    11 answers

  22. div в правом нижнем углу

    Надо разместить див в правом нижнем углу другого дива. Если писать position:absolute; right:0; bottom:0. Он размещается, где надо, но текст внешнего дива прячется под этот див, а нужно, чтоб он обтекался. Если написать margin-top:-250px; float:right; — аналогично: блок размещается, где надо, но не обтекается текстом.

    Asked by anatoliy86,

    0 votes
    11 answers

  23. div в таблице

    Здравтсвуйте. есть таблица с background картинкой.. в таблицу внесены 2 div контейнера с картинками... при клике мышкой в любое место таблицы эти контейнеры выделяются... как это отменить это выделение? спасибо

    Asked by ach,

    0 votes
    7 answers

  24. div в таблице

    у меня есть вот такой код <table width=100%><tr><td> <div style='float: left; margin-right: 10px; margin-bottom: 10px;'> eee </div> <div style='float: left; margin-right: 10px; margin-bottom: 10px;'> eee </div> ... </td></tr></table> В этом случае все дивы прижаты к левой стороне и при изменении размера броузера те которые не влезают переходят на нижнюю строчку. Вот мне интересно а можно сделать так чтобы первый див в строку был прижат к левой стороне а последний к правой при этом дивы между ними были распределены равномерно. вот на этой странице можно посмотреть как это выглядит.

    Asked by flipper1001,

    0 votes
    4 answers

  25. DIV в таблице height:100%; overflow:auto;

    Привет, Помогите новичку, как говориться (: Это прототип чата... Страничка ведет себя как надо в IE и Opera, но overflow: auto никак не хочет отрабатывать в FF. Когда окно уменьшается у DIVа (id="chat") должен появиться scroll... Только стал разбираться с html и на тебе, сразу вляпался в каие-то проблемы. Даже обидно. ): <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> Untitled Page </title></head> <body> <table width='80%' border='0' style="height: 100%;"> <tr> <td colspan='2' valign="top" style="height: 100%;"> <div id="…

    Asked by Evclid,

    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