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. overflow

    Опрера и ie по разному понимают параметр overflow: auto; опера смещает содержимое дива ровно на ширину полосы прокрутки (отчего появляются проблемы с дизайном! а ie отображает нормально. Как обрзумить оперу? вот код: <body> <div id="center"> <div id="left"> <jdoc:include type="modules" name="left" /> </div> <div id="content" style=" overflow: auto; "> <div id="user2"> <jdoc:include type="component" /> </div> <div id="rigth"> <jdoc:include type="modules" name="right" /> </div> </div> </div> #center {width:100%; height:410px; } #left { width:24%; height:400…

    Asked by orchanini,

    0 votes
    4 answers

  2. overflow

    В css использую overflow: auto; когда к картинке в <div> добавляю этот Overflow все работает но стоит картинке указать атрибут align, то Overflow перестает работать как надо. он работает как Overflow: hidden;

    Asked by Gotafak,

    0 votes
    1 answer

  3. overflow

    Дорогие форумчане. Я использую overflow для чата, который сейчас делаю, чтобы вместились все диалоги. Но вот беда, при использовании его, самое старое сообщение отображается в самом верху, а мне нужно, чтобы начиналось все снизу. Если я правильно объясняю. Нужно,чтобы блок листался наверх а не вниз. Подскажите, как это можно осуществить без js?

    Asked by html_do_man,

    0 votes
    10 answers

  4. overflow - как убрать горизонтальные полосы прокрутки?

    overflow - как убрать горизонтальные полосы прокрутки?

    Asked by Sheena,

    0 votes
    1 answer

  5. overflow hidden в IE

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> #hidden{ width:100%; overflow:hidden; } table{ border-collapse:collapse; } td{ border:1px solid #000; } </style> </head> <body> <table border="1"> <tr> <td width="300"> </td> <td> </td> </tr> <tr> <td> </td> <td> <div id="hidden"> <table width="1000"> <tr> <td width="200">ТЕКСТ</td> <td width…

    Asked by YETI,

    0 votes
    8 answers

  6. overflow hidden и невозможность перекрыть границы

    http://jsfiddle.net/p65S9/1/ Вот такая ситуация. Стоит поставить обрезание - как нельзя поместить внутренний слой поверх границ так - чтобы слой перекрывал эти границы. Как это обойти?

    Asked by Zverushka,

    0 votes
    11 answers

  7. overflow hidden парализует ие6

    Ещё раз всем привет!!1 поиск полистал - не нашёл.. столкнулся с проблемой - делаю меню сбоку через список.. последний пункт списка - длинный блок (получается, вылетает за экран) так вот структура <div id="wrapper"> <div id="content"> <div id="c_niz"> <div id="sidebar_right"> </div> <div id="sidebar_left"> <ul> <li class="hat" >Каталог дисков</li> <li class="a">Каталог шин</li> <li>Тесты шин</li> <li class="a">Онлайн Инфо</li> <li class="zvonok">Онлайн Инфо</li> </ul&…

    Asked by cardsmoney,

    0 votes
    3 answers

  8. overflow scroll в ie7

    Может кто-нибудь сталкивался с такой проблемой: есть блок ограниченный определенной высоты и с overflow scroll, при большом количестве контента, текст прокручивается, все отлично, но при вставки в этот блок картинки обернутой в ссылку - именно в ие7 эта картинка не прокручивается, а стоит на месте как победить?

    Asked by Na-na,

    0 votes
    4 answers

  9. overflow в Firefox

    Я делаю список вида: <div id="container"> <div class="divitem">item1</div> <div class="divitem">item2</div> <div class="divitem">item3</div> <div class="divitem">item4</div> <div class="divitem">item5</div> <div class="divitem">item6</div> </div> Затем делаю его ограниченным в размерах и скроллируемым только по вертикали: #container { height:80px; border:1px solid; width:100px; overflow-x:visible; overflow-y:auto; } Проблема: С помощью JQuery пытаюсь реализовать Drag элементов списка и вот что получаю в Firefox и IE6/7: В Firefox #container …

    Asked by White Patcher,

    0 votes
    4 answers

  10. Overflow в flexbox с центрированием

    Демонстрация проблемы: http://codepen.io/anon/pen/RWeobK. Смотрел на последних Firefox и Chromium в Linux. Если нажать на span, то он увеличится в размерах и, естественно, у div с overflow: auto появится строка прокрутки, но из-за того, что span центрирован, то увеличиваться он будет вверх и вниз одинаково, а прокручивать можно будет только вниз, из-за чего верхняя часть span станет недоступна для просмотра. То же самое и при увеличивании в ширину. Как можно исправить?

    Asked by Heijey,

    0 votes
    5 answers

  11. overflow в ячейки таблицы

    Работает ли свойство overflow в ячейке таблицы? <td style="width:60px;overflow: hidden;"><div style="width:70px"></div></td>Почему-то делает ширину 70px

    Asked by PavelTkachev,

    0 votes
    6 answers

  12. Overflow и Float

    Привет! Слышал уже несколько раз из разных источников, что если дочернему элементу ставится float, то у родительского почти всегда должен стоять overflow:hidden; Я не очень понимаю, для чего? Читал на эту тему статьи (кстати их не так много именно по связке overflow+float), и все равно не совсем понятно. Если кто-то из вас сможет или постарается объяснить простым человеческим языком, для чего и почему, то буду очень признателен! Супер, если с примером!

    Asked by Imperil,

    0 votes
    1 answer

  13. overflow и ie6

    Доброго времени суток.IE6 "мой любимый браузер" не поддерживает свойство overflow, как с этим бороться?Может есть какой нибудь HTC файл или что то подобное?

    Asked by Кирюха,

    0 votes
    2 answers

  14. overflow и opera

    Не работает прокрутка под фотографиями в Opere, на этой СТРАНИЦЕ. Подскажите почему? Пробовал разные варианты, но нечего не получилось Вот стиль #list-Img { width:430px; height:225px; overflow-y: hidden; overflow-x: auto; overflow-x: scroll; white-space:nowrap; float:left; margin-right:5px; }

    Asked by qwelp,

    0 votes
    6 answers

  15. overflow и Opera

    Всем добрый день. Помогите решить такую проблему: в Opera на div ставлю свойство overflow:auto и размеры дива. Когда содержимое становится больше высоты дива(намного больше ), появляется вертикальная полоса прокрутки. Но она почему-то не работает т.е. за неё не получается потянуть вниз. Пробовала и overflow:scroll, но не помогает (( Проблема исключительно в Опере.

    Asked by mari,

    0 votes
    2 answers

  16. Overflow и выпадающее меню

    Нужна помощь! Есть блок с overflow: hidden, нужен для прокрутки юзеров, в нем список юзеров(div.userInformation), для каждого юзера выпадающее меню(div.overUserMenu). Вопрос: как зделать так что б меню не обрезалося? Вариант забрать overflow: hidden не подходит, потому что мне он нужен для скрипта прокрутки юзеров <div id="friendsList" class="center"> <div class="container"> <div class="feed" style="left: 0px;"> <div style="z-index: 1000;" class="userInformation"> <div class="status"></div> <div class="picture"> <a href="http://deinflirt/profile/id/2"> <img alt="" src="http://deinflirt/files/u…

    Asked by inside,

    0 votes
    3 answers

  17. Overflow и горизонтальный споллер

    Добрый день! Есть блок <div>, в нем есть список выстроенный горизонтально. Если у <div> выставить размеры, так, чтобы горизонтальный список не умещался в блок и показать скролы то список сбивается в вертикальный, т.е. появляется только вертикальный скрол, а требуется, чтобы был горизонтальный скрол... В чем может быть проблема? Как можно поправить? <div style="overflow: scroll ; height: 150px; width: 150px; border: 1px solid black"> <ul "list-style: disc outside; padding: 0px 0px 0px 0px"> <li style = "list-style-type: none; display: inline; float: left"> <div style = "border: 1px solid black"><img src="ссылка на картинку 1"&…

    Asked by AmateR,

    0 votes
    4 answers

  18. overflow изменение стандартных элементов

    Ребята кто подскажет код как лучше реализовать это, желательно чтобы потом внутри текст мог быть доступен для индексации поисковиками:

    Asked by okunev2,

    0 votes
    12 answers

  19. overflow ограничивает абсолютный блок

    Как сделать, чтобы абсолютный блок не обрезался внешним блоком с ограничением overflow:auto. Структура такая: <div style='overflow:auto; width:500px;'> <div style='position:relative'> <div style='position:absolute; width:1000px;'> длииииииииииииииииииинннннннннннннннннннннннныыыыыыыыыыыыыыыыыыйййййййййййййййййййй тееееееееееееееееккккккккккккссссссссссссттттттттт </div> </div> </div> Как сделать, что бы блок с текстом не обрезался внешним дивом с overflow, но при этом позиционировался относительно блока relative? z-index менял. В статичный блок абсолютный помещал.

    Asked by BoJITyH,

    0 votes
    13 answers

  20. overflow проблема

    http://jsfiddle.net/Zverushka/eZXn2/1/ Суть задачи. В неком блоке есть абсолютно позиционированный блок .figure. Изначально мы не знаем размеры .figure - они динамические. Как сделать так - чтобы при выходе за границы основного блока - .figure обрезалось по горизонтали и при этом же не обрезалось по вертикали?

    Asked by Zverushka,

    0 votes
    8 answers

  21. Overflow увеличивает высоту родителя

    https://jsfiddle.net/6on27wxf/ Вот такой простой пример. При использовании стиля overflow: hidden; у родительского div увеличивается высота и снизу появляется серая полоса. Если overflow убрать то все нормально. Как сделать overflow: hidden и сохранить высоту?

    Asked by uniken1,

    0 votes
    2 answers

  22. overflow что бы только вертикальная полоса была, без горозинтальной!!

    Есть слой, #LL_block{ POSITION:absolute; left: 16px; right: auto; top: 164px; bottom: auto; WIDTH: 170px; HEIGHT: 700px; float: RIGHT; border-color: solid #000000; overflow: auto;} потом ид?т такое Div id="LL_block" > и тд..Так вот вс? работает вс? хорошо, НО! как мне избавиться от горизонтальной полосы прокрутки?? мне нужна тока вертикальная.. нужно уточнить что ненужная горизонтальная полоса появляется только в опере и эксплоре, в файрвоксе вс? ок и ещ? Можно как нибудь покрасить эту самую полосу? или сделать своего размера? (например толщина самой полосы) Зарание спасибо.

    Asked by DZZ,

    0 votes
    2 answers

  23. overflow-x

    Я может чего то не понимаю? Я всегда думал что можно прописать overflow-y:visible; overflow-x: hidden; и все выходящие за пределы блока по горизонтали скроется а по вертикали будет видно, оказалось не так, может кто объяснит? <style> .head { height: 300px; width: 700px; margin: 0 auto; border: 1px solid red; overflow-x:hidden; overflow-y:visible; } .in { height: 500px; width: 40px; border: 1px solid red; } </style> <div class="head"> <div class="in">123</div> </div> это выглядит вот так а должно вот так help!?

    Asked by exessqd1,

    0 votes
    9 answers

  24. overflow-x и overflow-y

    Господа, как сделать, чтобы код отобразился в FireFox правильно: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <div style="overflow-x:hidden;overflow-y:visible;width: 50px; height: 50px"> texttextte xttexttexttextte xttexttexttextte xttexttext texttexttex ttexttexttexttext text texttexttext texttexttexttexttext texttexttexttexttex ttexttexttexttexttexttexttexttextte xttexttex texttexttexttext texttexttexttexttext texttexttexttex ttexttexttextt </div> </body></html>

    Asked by XXXVII,

    0 votes
    13 answers

  25. Overflow-y в IE

    Здравствуйте. Помогите пожалуйста, юзеру. Есть сайт http://nnnymph.ru/ сделан он на jooomla. Проблема в следующем на сайте выпадающее горизонтальное меню, меню сделано в виде списка Li. В Mozilla Firefox все отлично, а в IE возникают большие зазоры от меню до полосы прокрутки. Что делать? Код из template.css .item11 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .item8 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .item27 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .art-nav li.…

    Asked by zolga7,

    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