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. Плавающие блоки

    Есть следующие блоки: http://lob1.ru/examples/block/1/ Вопрос: как сделать, чтобы было http://lob1.ru/examples/block/2/, но при этом высота блока будет неизвестна?

    Asked by Lob1AV,

    0 votes
    22 answers

  2. Плавающие блоки

    _http://sko.10401.aqq.ru Чо-то я туплю. См. блок под менюшкой. Почему article.post (зелёная рамочка) не сдвигается вверх?

    Asked by Gaspode,

    0 votes
    3 answers

  3. плавающие блоки

    верстаю сайт, нужно сделать так пока получилось вот так как сделать чтоб отступа не было? обозначено на картинке HTML <div class="section_site"> <h3>С праздником!</h3> <a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a> </div> …

    Asked by AndreyT,

    0 votes
    2 answers

  4. Плавающие блоки

    Здравствуйте. Возникла необходимость, сделать следующее: 3 колонки растянуты по ширине экране, реализуется это таким образом .column1 { float:left; width: 33%; } .column2 { float:left; width: 33%; } .column3 { float:left; width: 33%; } <div class="column1"> <p>There is one universal truth in website making: To make a websitet...</p> </div> <div class="column2"> <p> If you're like the vast majority of people thinking ...</p> </div> <div class="column3"> <p>There is one universal truth in website...</p> </div> Пример http://www.zvirec.co...l/primer20.html А теперь необходимо сделать, так, что бы при…

    Asked by Trurlol,

    0 votes
    2 answers

  5. Плавающие блоки

    Нужно сделать так что бы блок main был резиновым но при этом обтекал справа. код ниже http://jsfiddle.net/PMJqZ/ очередность блоков не должна меняться.

    Asked by Gootler,

    0 votes
    5 answers

  6. Плавающие блоки - стыковка

    Пытаюсь сделать блоки шириной 50%, 1\3 (т.е. 33%) и 2\3 (т.е. 67%) Соответственно блоки 50% только между собой вставляются (лефт и райт) А блоки 1\3 и 2\3 компонуются между собой (лефт и райт) Проблема в следующем: почему-то после первого "третичного" блока перестает воспринимать стили... ошибку увидеть сам не могу Исходник HTML: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" rev="st…

    Asked by lanzs,

    0 votes
    4 answers

  7. Плавающие блоки выходят за пределы родительского

    Всем привет! Вопрос может слишком просто но все же! У меня есть родительский блок в котором 2 плавающих блока (float:left) как мне сделать так что бы они не вылазили за пределы родительскго. Т.е что бы при увеличении вложеных блоков увеличивался и родительский! Я знаю что можно использовать свойство clear: both. Но это свойство должно не родителю! В общем у меня чего то не получается!

    Asked by kent666,

    0 votes
    4 answers

  8. Плавающие блоки неопределенной высоты

    работаю над галереей, разрезинил div c изображениями добавив float:left все прекрасно но некоторые блоки с изображениями имеют разную высоту (ширина всегда одинаковая) и так получается что последующий блок зацепляется за самый высокий предыдущий блок, и выглядит не красиво((( Во вложении пример: взглянуть можно тут: http://wfi.lomasm.ru/русский.галерея если смотреть При разных разрешениях особенно заметно Требуется насильно держать плавающие блоки на одной строке: Как лучше это сделать? 1) javascript выставить всем блокам в одной строке высоту максимально высокого блока? 2) или как-то можно разрулить при помощи CSS, пока не въехал как.... Ищется самое простое …

    Asked by tester117,

    0 votes
    2 answers

  9. Плавающие дивы

    возможно ли какнить сделать чтобы синий и жёлтый див спускалися также по тексту как и зеленый,но не фон дива в которых эти 3 дива?

    Asked by sdasddsa,

    0 votes
    4 answers

  10. ПЛАВАЮЩИЕ КАРТИНКИ

    Помогите, пожалуйста Не получается сделать так чтобы при уменьшении окна картинки выравнивались в столбец Ведь как-то можно сделать :/ вот эта страничка: http://one-gi.ru.terra.mtw.ru/test/

    Asked by antonP,

    0 votes
    3 answers

  11. Плавающие слои друг под другом

    Столкнулся с проблемой, не могу найти решение. Есть три слоя, располагающиеся в ряд (float: left). Ширина определена, а высота по контенту. При сжатии окна браузера, слой 3 не помещается в область просмотра, и должен перемещаться на строку ниже. Но слой 1 выше остальных, и слой 3 оказывается не в начале, а справа от слоя 1, что конечно является нормальным поведением. Но существует ли способ расположить третий слой под первым? Код: <head> <style> .container { float: left; width: 100%; background-color: gray; } .a { float: left; width: 100px; color: #fff; background-color: #000; margin: 10px…

    Asked by HeadInSky,

    0 votes
    4 answers

  12. Плавающие элементы "плывут" :)

    Обнаружил такую проблему. При уменьшении (иногда увеличении) размеров страницы через Ctrl +/- элементы, у которых задано правило float (пункты меню и не только) начинают "плыть". Для ясности приложу пару скринов. Если будет нужно - выложу код. Версткой занимаюсь недавно, поэтому взываю о помощи Раз двас

    Asked by sjinks,

    0 votes
    6 answers

  13. Плавающие элементы вразнобой

    Здравствуйте! Плавающие элементы (список товаров) на этой странице: http://ums-shop.com.ua/store/electrical-equipment/navigation-lights/ идут вразнобой. Явно из-за того, что у одного элемента название состоит из одной строки, у другого - из двух. Подскажите, пожалуйста, как сделать так, чтобы элементы выстраивались четко по рядам. Заранее благодарю.

    Asked by volshebnyi,

    0 votes
    3 answers

  14. Плавающий % DIV с min-width для IE6

    Возникла такая проблема, вот код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <style> #wrapper { height: 100px; background: silver; width: 70%; min-width: 1000px; margin: 0 auto; } </style> <!--[if IE 6]> <style type="text/css"> * html #wrapper { width:expression( (document.compatMode && document.compatMode == 'CSS1Compat') ? ( this.clientWidth < 1000 ? "1000px" : ( "auto" ) ) : ( this.clientWidth &…

    Asked by TonKhaO,

    0 votes
    22 answers

  15. Плавающий background

    Привет, как реализуется плавающий background img, например как на http://air-plane.by (это не реклама)?

    Asked by exoty,

    0 votes
    1 answer

  16. Плавающий div не растягивает родительский.

    <html> <head> <title></title> <style type="text/css"> html, body { height: 100%; border: dotted 2px red; } body { border-color: green; margin: 0; } div { border-width: 1px; border-style: solid; } div.main { padding: 120px 0px 120px 0px; border-color: red; } div.menu { border-color: blue; width: 25%; float: left; } div.content { border-color: green; float: left; width: 74%; } </style> </head> <body> <div class="main"> <div class="menu"> Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br /> </div> <div class="content"&…

    Asked by skvor,

    0 votes
    7 answers

  17. Плавающий div не сдвигает таблицу

    Добрый день. Потратил целый день и не могу решить вопрос. Есть див с картинкой который float также на странице есть формула оформленная как таблица с шириной 100% так вот эта таблица не уменьшается по ширине и просто на странице появляется пустое пространство. Пример можно посмотреть здесь. Пробовал крутить разные свойства таблицы, но не смог добиться чтобы она меняла свою ширину под плавающий див. Может кто подскажет как правильно оформить формулу чтобы она отображалась как в таблице, но при вставки плавающего блока меняла ширину. Спасибо.

    Asked by Dsplib,

    0 votes
    2 answers

  18. Плавающий блок

    Плавающий блок налезает на фоновое изображение родителя, которое находится внизу страницы. Предполагаю, что можно в скрипте задать определенное условие, которое не даст плавающему блоку опуститься на высоту фонового изображения, но совсем не силен в jquery. Есть мнения, что можно с этим делать? http://jsfiddle.net/CrUKh/

    Asked by Frz,

    0 votes
    2 answers

  19. Плавающий блок не хочет плавать

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

    Asked by DImas95,

    0 votes
    2 answers

  20. плавающий логотип

    добрый день прошу совета, как реализовать такое желание заказчика: после загрузки страницы логотип сайта, переливаясь и немного увеличиваясь в размере, плавно движется вверх-вниз и возвращается обратно прокрутка страницы и ссылки (если логотип не сверху) должны работать как обычно 1) что нужно от дизайнера? какие требования? 2) есть ли какие-то наработки, готовые модули и куда вообще копать?

    Asked by Аксинья,

    0 votes
    2 answers

  21. Плавающий тег

    Доброго времени суток. Нужна помощь в решении одной задачки. И так. Есть блок фиксированной ширины и высоты, внутри него находится тег <img>, размеры которого могут изменятся в зависимости от размеров изображения, но при этом тег <img> всегда должен находится строго в центре блока.

    Asked by yujin11,

    0 votes
    2 answers

  22. Плавающий фрейм

    Здравствуйте Хотел спросить может кто знает, как сделать плавающий фрейм т.е iframe независящим от страницы в которой он расположен. Например чтобы содержание фрейма не обновлялось при обновлении самой страницы. Или кто может предложит свой вариант решения проблемы.

    Asked by Rams,

    0 votes
    5 answers

  23. Плавающий фрэйм

    Не нашел, как можно сделать так, чтоб при нажатии на ссылку в плавающем фрэйме - она загружалась в основном окне. :/

    Asked by FloG,

    0 votes
    8 answers

  24. Плавная прокрутка блоков

    Здравствуйте! Вот, пример сайта: http://fb7968tp.bget.ru/ 1. Подскажите, почему не работает плавная прокрутка блоков до якоря..что не так? скрипт: $(document).ready(function() { $(".nav li a").click(function() { elementClick=$(this).attr("href"); destination=$(elementClick).offset().top; $("body,html").animate({scrollTop:destination-58}, 900); }); });2 Подскажите, как сделать, чтобы при прокрутке до определенного якоря пункт меню становился активным? Спасибо.

    Asked by Alfa2015,

    0 votes
    7 answers

  25. Плавная прокрутка сайта

    Не могу найти ответа, да и возможно ли? Как сделать чтобы сайт прокручивался плавно, в mozila такое есть если не ошибаюсь

    Asked by Laroxx12,

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