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. скролер

    как сделать вот такую кнопку чтоб при нажатии страница экрана прибежала в низ

    Asked by theamkh,

    0 votes
    3 answers

  2. Скролинг fixed позиции, с закрытием другого блока

    Здравствуйте! Подскажите, пожалуйста, как при скролинге страничке, сделать, что бы div2 вставал на место div1 (т.е. уходил верх)? При скролинге в топ - блоки возвращались на свою позицию. Спасибо! Код на http://cssdeck.com/labs/i1jxnjzh <html> <title>hello word</title> <style> body{ margin:0px; padding:0px; } .div1 { width: 100%; text-align: center; background-color: #e1e1e1; height: 40px; line-height: 40px; } .div2 { width: 100%; text-align: center; background-color: #888888; position: fixed; height: 30px; line-height: 30px; } .div3 { margin-top: 30px; } </style> <head> </head> <body> <div class="div1"> hello, hide …

    Asked by papa_s,

    0 votes
    4 answers

  3. Скролинг Web-страницы

    Подскажите как сделать полосу прокрутки браузера, не во фреймах?

    Asked by alvaros,

    0 votes
    19 answers

  4. Скролл jQuery в Opera 10

    Добрый день всем! Есть проблема с высотой в браузере Opera 10 при наличии на странице скролла jQuery. Когда ползунок находится внизу высота страницы нормальная при оттягивании же его вверх страница начинает увеличиваться в высоту, в остальных браузерах и в самой Opera более ранних версий такого глюка не наблюдается. Как разрешить данное недоразумение? Буду оч признателен!

    Asked by Newie,

    0 votes
    3 answers

  5. скролл бар и футер

    2 вопроса: 1. как сделать что бы див футера всегда был прижат к низу браузера 2. как сделать что бы скролл бар во всех браузерах всегда отображался, даже если контента меньше чем экран

    Asked by odalex,

    0 votes
    2 answers

  6. Скролл в ячейке таблицы

    Приветствую всех. Есть таблица на всю ширину экрана из двух ячеек. Верхняя должна быть высотой по содержимому, а нижняя на оставшуюся высоту окна. В нижнюю ячейку выводиться таблица, и если она не вмещается, то в ячейки появляется скролл. Полазив по просторам интернета выяснилось, что в ячейку просто так скролл не добавить (при "overflow: scroll;" визуально появляется, но не работает). С помощью добавления "DIV" в ячейку такое можно провернуть, но есть нюанс. Если "DIV" добавить свойство "height: 100%;", то в IE 8 "DIV" растягивается на 100% относительно окна, а не ячейки. (в Хроме все нормально) Собственно вопрос в том, как это поправить? Часть кода: <!DOCTYPE html …

    Asked by Sinot,

    0 votes
    15 answers

  7. Скролл для комментариев

    Здравствуйте. Подскажите пожалуйста кто знает. (сайт на друпале) Задача: сделать скролл для комментов. Стал решать так (как в примере на этом сайте): Для #comments { overflow: scroll; /* Полосы прокрутки */ width: 900px; /* Ширина блока */ height: 850px; /* Высота блока */ padding: 5px; /* Поля вокруг текста */ border: solid 1px #eee; /* Параметры рамки */ } Все работает, только беда в том, что под скролл попадает и форма отправки комментариев. Вот код, который показал firebug [div id="comments"> [a id="comment-11"> [div class="comment comment-odd"> [a id="comment-10"> [div class="comment comment-even"> [div class="box"> - для формы комментов [/div> С…

    Asked by gorcom,

    0 votes
    4 answers

  8. Скролл для меню в плавающем блоке

    Здравствуйте. На сайте есть шапка с position: fixed, в которой есть выпадающее меню position: absolute. В этом меню может быть очень много пунктов, из-за этого на мобильных устройствах они выходят за край экрана. Прокрутка не помогает, так как шапка зафиксирована вверху сайта и все это остается на месте. Мое решение - добавить скролл для меню. Но как это сделать, если оно имеет динамическую высоту? jsfiddle

    Asked by alex_web64,

    0 votes
    9 answers

  9. Скролл и выпадающее меню

    Добрый вечер! На сайте используется выпадающее меню superfish. Когда количество пунктов очень много, то приходиться прокручивать скролл. Скажите, пожалуйста, как можно сделать чтобы при достижении конца браузера формировался следующий столбец с продолжением меню?

    Asked by sir95,

    0 votes
    8 answers

  10. Скролл и максимальная высота !

    Скролл и максимальная высота ! ! ! Так проблема или скорей всего просто незнания , но суть в том что есть Блок которому нада задать максимальную высоту и так чтоб текст потом от туду невылазил а если текста много чтоб появился скроол ! Но чета некак неполучаеться ! Может кто кодик подсказать !

    Asked by darewangog,

    0 votes
    7 answers

  11. Скролл и ширина блока

    Есть необходимость сделать блок, который появляется по центру страницы, drag`n`drop`ится и растягивается. Выглядит он примерно так: <div class="main-box"> <div class="title"></div> <!--заголовок. За него цепляемся и драг н дропим--> <div class="content"></div> <div class="resize"></div> <!--Блок, отвечающий за ресайз--> </div> Для растягивания я кладу абсолютом маленький квадратик (.resize) в правый нижний угол (как наиболее интуитивное, на мой взгляд, место) .resize {position:absolute; right:0; bottom:0;} и на него вешаю скрипты. Но тут возникают небольшие трудности, так как бл…

    Asked by od_lazio,

    0 votes
    2 answers

  12. Скролл на айфоне

    Здравствуйте, подскажите, если кто знает, на айфоне сайт не скролится плавно, скролится только пока касаешься экрана, как это устранить?

    Asked by Lady_V,

    0 votes
    3 answers

  13. Скролл на странице

    Делаю на Джумле,возникла необходимость сделать чтобы страница прокручивалась на один оборот мышки,то есть быстрее.Что за это отвечает? СПС)

    Asked by stardel,

    0 votes
    2 answers

  14. скролл на экране ноутбука

    помогите пожалуйста решить проблему сайт на настольных мониторах отображается без проблем. но на 15" экране ноутбука не получается докрутить левый скролл окна до самой нижней позиции. соответственно копирайт подвала не виден пользователю

    Asked by cyklop77,

    0 votes
    4 answers

  15. Скролл сдвигает блоки

    Здравствуйте, на сайте есть главный блок wrapper, в котором находится весь контент. На главной странице, где есть вертикальный скролл все выглядит хорошо и красиво. Но на страничке с продуктом (или Contact или About), где контента не достаточно для того что бы появился скролл, меню сдвигается вправо на количество пикселей равное ширине скролла браузера. Не подскажете ли как от этого избавиться, нужно что бы независимо от того есть ли скролл или нет, контент был отцентрирован одинаково на всех страницах. Спасибо заранее

    Asked by DImas95,

    0 votes
    7 answers

  16. Скролл эффект без js

    Добрый день. Есть два горизонтальных блока <header> и <nav>. Как можно без js сделать такой скролл эффект, когда при прокрутке <header> ведет себя как обычный блок, а <nav> при достижении верха окна браузера становится position:fixed; и bottom:0; Причем если вертеть обратно то снова отлипает от верха?

    Asked by Ubhra,

    0 votes
    6 answers

  17. Скролл. Проблема

    На html-странице есть общий скролл. Внутри страницы есть div со своим скроллом. Так вот при прокрутке колёсиком мышки внутри этого div'а после того, как ползунок достигает самого конца, начинает прокручиваться общий скролл всей страницы. Как от этого избавиться?

    Asked by slamer3000,

    0 votes
    26 answers

  18. Скроллбар контента в произвольном месте

    Привет. Подскажите как сделать следующую вещь: Нужно сделать так что бы можно было располагать кастомный скролл в произвольном месте. Т.е. у меня есть какое-то количество оранжевых блоков. Красный блок с заданной шириной и overflow: hidden, зеленый блок c какой-то большой шириной. Можно красному блоку задать overflow:auto и использовать плагин вроде jScrollPane, но тогда скролл будет около контента, а мне нужно "отделить" его от туда и вставить в произвольное место. Знаю что это сделать можно, но как пока не соображу. Спасибо

    Asked by bob_24,

    0 votes
    4 answers

  19. Скроллинг в таблице

    И вновь приветствую,такая проблема необходимо сделать скроллинг таблице,нашёл примеры с других форумов,ну так и не с умел нормально довести до таблицы Исходный код таблицы:http://pastebin.com/ADqWwhiC

    Asked by Vopub,

    0 votes
    2 answers

  20. Скроллинг в ячейке таблицы

    <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> .full{height:100%; width:100%; margin:0px;padding:0px; border:3px;} #scrollable-container {height:100%; width:100%; overflow: auto; position: relative; } #relative {min-height: 0; position: relative; width:100%;} label { display: inline-block;} label.error { width: auto; margin-left: 10px; color: red; font-style: italic; } label.ok { width: auto; margin-left: 10px; color: green; font-style: italic; } input.pole { width: 250px; border: 1px solid black; } input.error { border: 1px solid red; } </style> <sc…

    Asked by KVA,

    0 votes
    1 answer

  21. Скроллинг и/или растягивание списка

    Приветствую всех. Столкнулся с задачей переделки хайлайтера исходников, но не могу побороть одну проблему связанную с CSS. На выходе получается конструкция такой структуры: <div class="content"> <dl class="codebox"> <dt>Заголовок</dt> <dd> <div class="codebox1"> <ol> <li> <pre><span style="color: #235ae6;">Public</span> <span style="color: #235ae6;">Class</span> Form1</pre> </li> <li> <pre> </pre> </li> </ol> </div> </dd> </dl> </div> CSS: div.codebox1 { background-color:#C0C…

    Asked by MIT,

    0 votes
    6 answers

  22. скроллинг кривой help...

    http://mozg4d.com/idex.php вот страничка. всё вроде не плохо, но при уменьшении её, скроллинг появляется не так как надо. что делать???? позиционируется все элемены абсолютно. вот так: style=position:absolute;left:50%;margin-left:-480;top:9 думал - "ладно, сайт доделаю и решу эту проблему" почти доделал а проблема - осталась... (и как оно по дазайну и удобству?)

    Asked by mozg4d,

    0 votes
    10 answers

  23. Скроллинг на сайте

    Здравствуйте! Если кто знает как сверстать сие чудо. http://tsetserskaya.jino.ru/t/scroll.png .ПЖЛ не откажите в совете.. Этот блок будет большой и будет прям посередине сайта.. А контент должен будет прокручиваться вот такой замечательной фичей на скроллинге вниз.. Задумка дизайнера..Ни че не могу поделать..

    Asked by Demon_gms,

    0 votes
    15 answers

  24. Скроллинг по локальным ссылкам и fixed-элементы - как подружить?

    Как известно, если в HTML-документе в одном месте написать: <a href="#location">Переход куда-то</a> А потом в другом месте написать еще <a name="location"></a> то при клике на первую ссылку броузер должен прокрутить окно так, чтобы вторая точка оказалась в левом верхнем углу окна. Пока на странице нет никаких выкрутасов с CSS - все хорошо. Но мне понадобилось разместить на странице блок с таким набором свойств: position: fixed; top: 0; left: 0; width: 1207px; height: 184px; z-index: 10; По сути дела этот блок представляет собой некую шапку, которая при скроллинге не прокручивается, а всегда висит в верхней части окна. И вот тут начинается …

    Asked by GRIG,

    0 votes
    3 answers

  25. Скроллинг при нажатии на заголовок (вертикальный аккордеон)

    У меня стоит простой бутстраповский аккордеон, при нажатии открывается одна и закрывается другая скрытая информация. Но есть проблема, когда в скрытом содержимом большое количество информации, при попытке открытии следующей, аккордеон сдвигается наверх. Нужен скрипт для фиксированного заголовка аккордеона. Смогли бы вы помочь с этим? Cнизу код html <div class="panel-group accordion" id="panel-651270"> <div class="panel panel-default"> <div id="yazyk-kurs" class="panel-heading"> <i class="fa fa-globe fa-lg" aria-hidden="true"></i> <a class="panel-title colla…

    Asked by guumee,

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