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. header ширина

    Привет. У меня header имеет ширину width 100% и высоту 820 px. Подскажите пожалуйста, как сделать обертку для всего контента (wrapper) меньшую чем размеры headera. Но притом чтобы header оставить таких размеров как и есть.

    Asked by bobb,

    0 votes
    9 answers

  2. heigh 100% и margin-top

    Возникла следующая проблема: хочу сделать поле, занимающие всю высоту экрана и при этом имеющие фиксированный в пикселях отступ сверху. Если я указываю height: 100% и margin-top: 200px, то мое поле вылезает за размеры экрана, создавая не применимый скроллинг. Как добиться, чтобы высота поля была 100% - 200px и лишний скроллинг не возникал? В этом примере я попытался изобразить концепцию, однако два элемента здесь налезают друг на друга. <!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/1999/xhtml" > <head> <title>Untitled Page</title> …

    Asked by Guest Гость_Олег_*,

    0 votes
    7 answers

  3. Height 100% + Repeat + ie 6

    Здравствуйте. При вёрстке документа столкнулся с очередной проблемой в IE 6. На странице имеется декоративный элемент со свойствами: position:absolute; background-repeat:repeat-y; height 100% Родительский элемент имеет свойства (пробовал разные сочетания) min-height: 100%; height: auto !important; height: 100%; html и body имеют (пробовал разные сочетания) height: auto !important; height: 100%; Проблема: Декоративный элемент успешно растягивается на всю высоту экрана, его фон повторяеться, но если страницу проскроллить вниз обнаружаеться, что элемент не растягиваеться дальше. То-есть элемент не растягиваеться на высоту большую чем первоначальная видимая область. Это д…

    Asked by Kujibiki,

    0 votes
    5 answers

  4. height 100% в XHTML под IE 7.0

    Если ставить общей таблице и одной из составляющих tr высоту 100%, то под IE7.0 значительно увеличивается общ. высота, появляется scroll. Помогите!!!!!

    Asked by elza,

    0 votes
    3 answers

  5. height 100% и не тянется

    Подскажите пожалуйста, у меня такая проблема. В предпоследнем родительском диве, куда вставляется весь контент, я поставил height:100%; что бы он растягивался на до конца при любом разрешении монитора. Но почему-то не срабатывает. В чем может быть проблема?

    Asked by sh1va,

    0 votes
    3 answers

  6. height 100% и шапка

    Здравствуйте! Сталкнулась с такой проблемой: <html> <style> html body { margin: 0; padding: 0; height: 100%; } </style> <body> <div style="height: 80px; width: 100%; background: #fa0">header</div> <div style="float: left; height: 100%; width: 150px; background: #0fa;">object tree</div> <div style="height: 100%; background: #a0f;">container</div> </body> </html> Суть ее в том, что появляется скролл на 80px, то есть на высоту шапки. Как от него избавиться и сделать object tree и container нормальной высоты (100%-80px). Заранее спасибо.

    Asked by AnyaRayne,

    0 votes
    34 answers

  7. height 100% от родителя

    Здравствуйте, есть проблема с растягиванием элемента по высоте на 100% от родительского. Тема изъезженная, но никак не могу найти оптималього сопосба решения: Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html style="height: 100%;"> <head> <title>Untitled</title> </head> <body style="height: 100%;"> <table cellpadding="0" cellspacing="0" border="1" style="background-color: blue; height: 100%; width: 100%;"> <tr> <td style="height: 100%; width: 50%;"> <table cellpadding="0" cellspacing="0" style="background-color: yellow; hei…

    Asked by vg2k,

    0 votes
    1 answer

  8. height 100% у контента

    Доброе время суток. Извиняюсь, если пишу не туда или же вообще промахнулся форумом. Верстаю изредка, столкнулся со следующей проблемой. Имеем примитивный макет сайта - посмотреть можно здесь : http://jzap.com.ua/tmp/test.html (css - http://jzap.com.ua/tmp/test.css ). Как видно, блоку content и white даны height: 100%; однако при этом высота content, судя по всему, суммируется с высотой header и сам блок улетает вниз, появляется скроллинг. Путем добавления распорки для удержания футера добился результата : http://jzap.com.ua/tmp/test2.html (css- http://jzap.com.ua/tmp/test2.css), однако там свободное место заполняется содержимым wrap, а мне необходимо продолжение блоков …

    Asked by jvj,

    0 votes
    2 answers

  9. height ie6

    желтые полоски (yellow long, short, medium) в ие6 задают себе какую то свою высоту хотя она прописана в ксс, никто не знает как пофиксить это?) в остальных браузерах нормально все выглядит)

    Asked by Joyfit,

    0 votes
    4 answers

  10. height в IE

    Подскажите пожалуйста! Есть блок, контента в нем мало, но надо чтобы он растягивался на определенное расстояние вниз, в FF и Opera работает min-height, IE это естественно не понимает. Я еще совсем новичек, не могу никак справится с этим вопросом.

    Asked by tim-nam,

    0 votes
    20 answers

  11. Height для Iframe

    перерыл пол нета чтобы найти ответ, так и ненашол, проблема только в том что: <table border="0" width="800" height=100% cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" colspan="2"> <img src="img/head.jpg"> </td> </tr> <tr> <td valign="top" width="32%"> Меню и бла бла бла </td> <td valign="top"> <IFRAME src="content.html" width="550" height=100% scrolling="auto" frameborder="0" name="wnd1"> </IFRAME> </td> </tr> </table> неработает, а оочень надо

    Asked by XiBOR,

    0 votes
    5 answers

  12. height для встроенных - IE против Firefox

    Наверняка тема уже поднималась, но я нигде не нашел, как решить. К своему удивлению столкнулся с неожиданной проблемой. Оказывается Лиса и Опера не понимают высоту для встроенных элементов. <a href="#" style="background-color: #3399cc;height:40px;">test</a> ИЕ делает ссылку 40px, Лиса и Опера - игнорируют height. В конечном счете я хотел запихнуть в эту ссылку картинку фоном, но она обрезается. Почему и можно ли это как-то исправить (display:block; помогает, но не подходит)?

    Asked by Cron,

    0 votes
    4 answers

  13. height и bottom

    position: fixed; top: 0; right: 0; height: 100%; Смотрю никто никогда не указывает bottom:0; а используют height: 100%; , почему?

    Asked by Неугомонный,

    0 votes
    2 answers

  14. HEIGHT не понимает 100%

    Подскажите пожалуйста, такая маленькая проблема: <div style="width: 100%; height: 100%"></div> Почему не хочет он становиться в ширину 100% по размеру окна?

    Asked by AppleMacMy,

    0 votes
    18 answers

  15. height сайта 100%

    В общем wrapper должен растягиваться на всю длину монитора, как этого добиться, не понимаю) 100% - не работает, прощу помощи.

    Asked by Ergonav,

    0 votes
    7 answers

  16. height: 1%; для ссылок

    Здравствуйте Помогите пожалуйста разобраться. Есть у меня один щаблон, код которого я пытаюсь понять. Остановился на таком вопросе как "вертикальное меню". Вот здесь шаблон: http://lukomorie.dax.ru/ Я не понял зачем height: 1% нужен в этом стиле: #subnav li a { background: url("../images/bg_subnav.gif") no-repeat scroll 100% 100% transparent; display: block; height: 1%; padding: 5px 10px; text-decoration: none; }

    Asked by buko,

    0 votes
    14 answers

  17. height: 100%

    Ребята, подскажите, как растянуть див на 100% заданной высоты в моем случае?(что бы без контента сайт был растянут на заданную высоту) http://bod2005.narod.ru/index.html

    Asked by b0d,

    0 votes
    5 answers

  18. height: 100%

    Добрый вечер. Это опять я, со своими дилетантскими проблемами. На этот раз проблема в следующем: имеется три блока внутри общего, один из блоков имеет постоянный контент, но ни у одного нет заданной высоты. Необходимо сделать так, чтобы все блоки были одинаковой высоты. Буду рад вашей помощи.

    Asked by Arinden,

    0 votes
    2 answers

  19. height: 100% и margin-top

    Доброй ночи форумчанам. Может ли кто подсказать красивый способ обхода одной проблемы. Её суть в следующем. Если задать для html и body height:100%, то для вложенного блока margin неизменно увеличивает размер самой страницы до 100%+margin и как следствие - появляется скроллинг. Где-то был вариант решения с position: absolute есть еще какие-либо мысли?

    Asked by USF,

    0 votes
    3 answers

  20. height: auto для ios < 6

    Здравствуйте. Проблема в height: auto; для iOS устройств ниже 6 версии. В контейнере есть картинка, которая имеет свойства width: 100% и height: auto; Но iOS отказывается понимать и тянет на всю высоту, оставляя ширину в порядке. То есть картинку изрядно плющит. Нашла пару запросов, но советовали только height: auto !important; С высотой работает через медиа запрос для aspect ratio. Но интересно, может есть заклятье?

    Asked by kattiperk,

    0 votes
    15 answers

  21. height: auto или фикс?

    Нарисовалась такая трабла, по идее wrapper должен растягиваться, он растягивается если добавить просто кучу текста - тянется, всё оки, сверстал 100% скролл страницы, wrapper не тянется, чтож тут может быть не так, прошу помощи у гуру. UPD Добавил к wrapper clear:both; overflow:hidden; И о чудо, он растянулся)

    Asked by Ergonav,

    0 votes
    0 answers

  22. height: auto при float:

    Добрый вечер. Столкнулся со следующей проблемой, если в блоке контейнере расположить другие блоки и придать контейнеру свойство height: auto, то оно не работает если для блоков внутри контейнера заданы параметры float. Подскажите пожалуйста решение проблемы. Пример кода здесь.

    Asked by Arinden,

    0 votes
    3 answers

  23. Height:100%

    Всем привет. Нарисовал макет, решил сверстать для своего блога. И у меня в макете ширина контента (то есть хейдер и так далее) должны находится посередине и сверху не должно быть отступов. Пробовал многое, в том числе в body писал padding:0;margin:0 и тд. Пожалуйста, помогите решить эту проблему. На скриншоте я думаю всё видно: Заранее благодарю.

    Asked by nikita3334,

    0 votes
    8 answers

  24. height:100% - проблемы с текстом

    Сделал 100% высоту сайта с прижатым футером, все нормально, но только когда текст в контентной части увеличивается, то текст не видит футер(виден текст который за футером). Высоту сделал примерно так: wrapper : min-height: 100% , margin-bottom: -150px; footer : height: 150px; Полностью код привести не могу, т.к. пока проблемы с сайтом

    Asked by IceJOKER,

    0 votes
    3 answers

  25. height:100% для html и body

    Иногда встречаю css правила для html и body - height:100% или min-height:100% Для чего так делают?? От чего берётся 100% (особенно в случае с html)??

    Asked by DrStrangeLove,

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