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

    Вопрос новичка :) В зависимости от положения запятой в css коде получается разный результат на выходе. Кто может разъяснить принцип, по которому они ставятся. Например, почему (p, .main span a) и (p .main, span a) отображаются по разному. Я понимаю что так и должно быть, но почему? По какому принципу? Внизу я прикрепил скриншоты - коды и результаты

    Asked by Antonezo,

    0 votes
    5 answers

  2. Вложенность, селекторы (непонятное поведение)

    Привет всем, с наступившим Новым Годом! Есть такой код: <body> <div id="content"> <div> <div> </div> </div> </div> </body> Стили для него: #content{ position: relative; } #content div{ background: red; height: 100px; border: 1px black dashed; } #content div div{ position: absolute; width: 300px; height: 50px; background: gray; border: 1px black dashed; } Тут все понятно, но стоит применить id для третьего дива, т.е.: <body> <div id="content"> <div> <div id="qwerty"></div> </div> </div> </body> #content{ …

    Asked by capscom,

    0 votes
    20 answers

  3. вложенные 100% div-ы, внутренний вылазит на толщину границы

    Приветствую! Есть несложный код: <html> <head> <style> #b { width: 500px; height: 300px; } #i1 { border: 10px solid black; } #i2 { border: 10px solid red; } #i1, #i1 #i2 { width: 100%; height: 100%; } </style> </head> <body> <div id="b"> <div id="i1"><div id="i2">dddddddd</div></div> </div> </body> </html> Запустив, мы увидим что внутренний красный див вылезает вправо и вниз из родителя на ширину границы. Почему так происходит и как сделать, что бы внутренний див был таки целиком внутри?

    Asked by stalker_2000,

    0 votes
    2 answers

  4. Вложенные DIV-ы

    Доброго времени суток!В общем проблема такая!На сайте есть вертикальная тень.Сверху она "притухшая" в середине идёт нормальная а к низу опять угасает.Нужно сделать так чтобы средняя часть тени тянулась по высоте контента.Посоветовали сделать вложенные DIV-ы.Подскажите как это примерно реализуется или ссылку на материал киньте.Буду очень признателен.

    Asked by Digidie,

    0 votes
    3 answers

  5. Вложенные min-height

    Тема закрыта.

    Asked by DesiresDesigner,

    0 votes
    0 answers

  6. вложенные блоки "выпадают" из внешнего

    красным выделен блок .cont, в который вложен .block. видно, что зелёный(вложенный) вылазит из родительского. почему так? структура такая: <div class="cont"> <div class="block"> контент блока </div><!--block11--> </div><!--cont--> css: .cont{ width: 1100px; margin: 0 0 0 50px; min-height: 350px; border: 1px solid red; } .block{ width: 340px; height: 375px; float: left; border: 1px solid #0F3; }

    Asked by maa,

    0 votes
    2 answers

  7. Вложенные блочные элементы

    В процессе изучения html возникли несколько вопросов. Как я понял теги p , h1 и т.д. это элементы которым по умолчанию применены стили такие как отступ слева, справа, сверху снизу (т.е свойство margin). Из определения свойства margin слудеут что оно устанавливает величину отступа. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента. Т.е если обернуть тег <p> тегом <div> вокруг тегов p и div должны быть отступы. Но на деле оказывается, что отступов как следует из определения между дочерним и родительским элементом вообще нет. Отступ сверху и снизу который задается для тега p, оказывает влияние на весь б…

    Asked by Maksim55,

    0 votes
    9 answers

  8. Вложенные дочерние селекторы в CSS

    Допустимо ли в CSS записывать так: table#FrameID>tr>td ? И как сделать стиль для td, если код генерируется сервером (т.е. я на него повлиять не могу) и только таблица имеет ID ?

    Asked by Webr,

    0 votes
    8 answers

  9. Вложенные медиа-запросы

    Приветствую всех. Подскажите есть ли в спецификации CSS3 вложенные медиа-запросы и, если да, то как они поддерживаются современными мобильными и десктопными браузерами? Спасибо.

    Asked by Rock,

    0 votes
    2 answers

  10. Вложенные селекторы

    Часто возникают вопросы по поводу вложенности селекторов. "Указываю свойство в CSS, а оно не применяется". В том случае, если цепочка указания верная, существует вероятность, что достичь результата не позволяет более сильный селектор. Давайте попробуем разобраться: Принцип состоит в следующем. Самым сильным является инлайн стиль, его нельзя переназначить ничем. Если Вы указали в своем html документе, будьте готовы, что их не удастся переназначить в CSS, хоть в шапке, хоть в отдельном файле. Поэтому я бы не рекомендовал вообще их использовать, лучше назначить элементу класс и задать через него, причем цправляться будет централизовано, Вы в любой момент сможете в одном мест…

    Asked by Justnewone,

    0 votes
    2 answers

  11. вложенные скобки в xslt

    подскажите пожалуйста как в xslt-файле вывести содержание тэга в атрибут изображения я пытаюсь вот так <img src="<xsl:value-of select="/price/item/image"/>" alt="" /> и получаю ошибку вот кусок html <price> <item> <image>images/soap/img5.png</image> <header>Мыло хозяйственное</header> <percent>72</percent> .............

    Asked by cyklop77,

    0 votes
    0 answers

  12. Вложенные списки - как задать стили

    Основные браузеры определяют уровень вложенности списков ul и ol, автоматически устанавливая тип. Например для маркированного списка верхний уровень по умолчанию отображается как disc, второго уровня - circle и далее браузер устанавливает вид square (является ли это стандартом?). При этом свойство type у списков пустое . Вопрос в следующем - как задать стили для списков разного уровня вложенности автоматически, не определяя класс для конкретного элемента? Была идея при помощи скрипта анализировать значение type, но браузер автоматически не устанавливает его.

    Asked by hex,

    0 votes
    3 answers

  13. вложенные списки , изменение отступа дочернего списка

    привет всем ! есть дерево вложенных списков вложенных списков есть определённый предел после которого надо вложенный список поровнять с главным самым верхним <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> а надо чтоб было <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> предел после которого происходит это действие может изменяться теперь сам вопрос возможно реализовать это только CSS Если есть идеи поделитесь пожалуйста.

    Asked by SergeyZelensky,

    0 votes
    9 answers

  14. Вложенные списки <ol>+<input>

    Всем привет. Вопрос по валидности. есть код такой: <div id="opros"> <ol type="I"> <li>Алкоголь</li> <ol> <li>Употребляете ли вы алкоголь?</li> <input type="radio" name="vopros1[]" value="10" id="vopros1_1"> <label for="vopros1_1">Да</label><br> <input type="radio" name="vopros1[]" value="01" id="vopros1_2"> <label for="vopros1_2">Нет <em></em></label> ................................. Доктайп такой использую: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> …

    Asked by crash,

    0 votes
    7 answers

  15. Вложенные списки с автоматической нумерацией

    Прочитал эту статью http://htmlbook.ru/content/?id=117 Задал вопрос в комментах, но не получил ответа. Поэтому спрашиваю здесь: а как себя поведет IE 7? Он НЕ проигнорирует list-style-type: decimal ? Вы же написали, что "значение того же атрибута без !important" будет игнорироваться браузерами за исключением Intenet Explorer версии 6 и ниже Чтобы ответить на мой вопрос придется прочитать статью. Может я торможу но по-моему IE 7 оставлен без внимания, а в конце статьи написано "Заменяя этим кодом строку с селектором LI в примере 2 получим вложенный список корректно работающий во всех браузерах."

    Asked by sum41,

    0 votes
    1 answer

  16. Вложенные стили

    Всех приветствую. У меня есть примерно такая конструкция. <div class="article"> <h2><a href="#" title="Ссылка заголовка">Заголовок</a></h2> Текст текст текст текст текст текст текст текст <a href="#" title="Ссылка 1"> <a href="#" title="Ссылка 2"> <a href="#" title="Ссылка 3"> <a href="#" title="Ссылка 4"> </div> Стили для ссылок 1, 2, 3, 4 уже заданы. Стиль заголовка тоже задан: .article h2 {...} Как мне задать отдельные настройки для ссылки заголовка? Конструкция .article h2 a:hover {...} не срабатывает. Прошу помочь. Спасибо.

    Asked by extruder,

    0 votes
    4 answers

  17. Вложенные таблицы html

    Всем привет! Я с html знаком ну очень поверхностно (хотя программист по роду деятельности), но встала необходимость сделать простенький сайт. Грубо структура такая Области: 1 - логотип, 2 - заголовок, 3 - пукнты меню, 4 - описание соотвествующего пункта Области 1, 2, 3 и 4 это четыре ячейки главной таблицы (2 строки, 2 столбца). Для нее cellspacing="6", т.е. есть расстояние по горизонтали/вертикали между соседними ячейками. Вопрос про 3 область. Здесь пунктов несколько, поэтому сюда вкладываю таблицу внутрь ячейки основной таблицы. Для вложенной таблицы я также задаю cellspacing="6" (необходимо, чтобы между ее строками было такое же раастояние, как между строками внешн…

    Asked by gammaray,

    0 votes
    6 answers

  18. Вложенные таблицы с использованием CSS

    Подскажите, пожалуйста... Имеем такой код: <HTML> <HEAD> <TITLE>Опять таблица</TITLE> <STYLE> TD {width: 30px; height: 30px; text-align: center} TD.big {border: none; text-align: center} </STYLE> </HEAD> <BODY> <TABLE width="100%" height="100%"> <TR> <TD class="big"> <TABLE> <TR><TD>1</TD> <TD>2</TD></TR> <TR><TD>3</TD> <TD>4</TD></TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML> не происходит горизонтального выравнивания центральной (внутренней) таблицы. Но если убрать общий стиль для TD, т.е…

    Asked by cyrilus,

    0 votes
    8 answers

  19. Вложенные таблицы. Проблема с отображением рамок вложенных таблиц

    Здравствуйте! Прошу помочь мне советом по оформлению вложенных таблиц. Пример по ссылке: https://jsfiddle.net/formikulo/895fnhzc/1/ Проблема заключается в том, что рамки между вложенными таблицами в Таблице 2 выглядят жирнее, чем остальные. Хотя для всех линий задана одна толщина 1px. Как сделать так, чтобы все рамки были одинаковой толщины?

    Asked by Formikulo,

    0 votes
    15 answers

  20. Вложенные формы

    Подскажите варианты решения, чтобы следующий код корректно работал <form action=""> <table border="1"> <tr> <td>Первый</td> <td> <form action=""> <input type="radio" name="browser" value="nn">Netscape</input> <input type="radio" name="browser" value="ie">Internet Explorer</input> <input type="submit" name="submitbutton" value="Submit"> </form> </td> <td> <input type="checkbox" name="add" value="first" /> </td> </tr> <tr> <td>Второй</td> <td> <form action=""> <input type…

    Asked by jump,

    0 votes
    11 answers

  21. Вложенные формы

    Не знаю, можно ли как-то сделать формы вложенные друг в друга... Простенько наверно можно это описать наподобии такого кода (который конечно же не работает!) <form method="post" action="1.php"> <form method='post' action="2.php"> <input type='text' name='num'> <input type="submit" value="Перейти на страницу 1"> </form> <input type='text' name='res'> <input type="submit" value="Перейти на страницу 2"> </form> Как можно это написать правильно, и можно ли вообще, чтобы при клике на любую из кнопок у нас передавалось значение num, а второй передавалось и res?

    Asked by Nadyu,

    0 votes
    5 answers

  22. Вложенные циклы. Подскажите, в ч?м ошибка?

    При выполнении циклов выда?тся такая ошибка: Fatal error: Maximum execution time of 30 seconds exceeded in W:homelocalhostwwwlern.rutable.php on line 13 А в браузере выводится только таблица умножения на 1. Подскажите в ч?м дело. Вот код: <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>Таблица умножения.</title> </head> <body> <?php $a=1; $b=1; while($a<=9) while($b<=10) { $c=$a*$b; echo"{$a}x{$b}={$c} "; $b++; } $a++; ?> </body> </html>

    Asked by Shuranka,

    0 votes
    14 answers

  23. Вложенный div cо свойством overflow:auto

    Всем доброго дня. Есть таблица с результатами которая не влазит в стандартное окно по ширине. Нужно для дива с этими результиатами вставить горизонтальную прокрутку. Существует проблема, когда прописываешь в style div.needClass {overflow:auto;} не применяется к этому диву с этим классом, пробовал обращаться и по id. Если прописываешь div {overflow:auto;}, то это применяется соответственно ко всем дивам, и в частности к родительскому, у которого внутри необходимый нам див. Пробовал на отдельной странице, для определенного класса все аккуратно задается. Вопрос1: что может мешать тому чтобы в конкретно прописанном классе не применялось свойство overflow. Еще согласны даже на…

    Asked by sniffer,

    0 votes
    2 answers

  24. вложенный div в twitter bootstrap

    помогите пожалуйста понять почему в простейшем шаблоне, созданном при помощи twitter bootstrap <div class="well">Привет! Я Bootstrap...</div> выходит за пределы родительского блока

    Asked by cyklop77,

    0 votes
    1 answer

  25. Вложенный float контейнер

    Как сложно описать простую проблему) Помогите пожалуйста понять, как разделить контейнеры в правой колонке "mainContent"? Без разделителя выглядит так, с разделителем же <br clear="all"> естественно свойство применяется к левой колонке( и выглядит так Заранее спасибо!

    Asked by anycall,

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