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-y работает, как обычный overflow

    Здравствуйте! overflow-y работает, как обычный overflow - скрывает содержимое по обеим осям. То есть мне нужно скрыть содержимое по вертикали и показать по горизонтали: overflow-y: hidden;overflow-x: visible;Есть какой-то способ?

    Asked by Torawhite,

    0 votes
    7 answers

  2. Overflow-y: Scroll

    Была раньше задача, что бы при открытие фотки с комментами скролился всплывший блок с фоткой, проблема была решена при помощи overrflow-y: scroll и убирания скролла у body. А так как сайт зафиксирован по центру, что бы он не дергался добавлялся padding-right к body. Но случился в шизни косяк... и убрали в iOS Lion, скролл... в итоге на маках теперь сайт прыгает в лево-право... Может знает кто решение этой проблемы? Как сделать кросбраузерно и под все OS что бы не было дерганий сайта?

    Asked by GeSTaM,

    0 votes
    0 answers

  3. overflow-y: visible не работает если overflow-x: hidden

    Всем доброго времени суток У меня возникла проблема с overflow. Вот упрощенный пример, для того чтоб "потрогать" проблему. В этом примере есть контейнер, и в нем абсолютно позиционированный элемент. Контейнеру заданы свойства overflow-x: hidden и overflow-y: visible для того чтобы все что вылазит за пределы контейнера по оси X скрывалось, а все что вылазит по оси Y - показывалось, при этом скролл на компоненте отображаться не должен. Но эта связка не работает (как видно на примере - у контейнера появляется скролл бар), однако если у контейнера изменить overflow-x c hidden на visible все работает как надо - скролл бар пропадает и абсолютно позиционированный элемент ст…

    Asked by ows.nightwolf,

    0 votes
    14 answers

  4. overflow-y:scroll; две полосы прокрутки

    Есть сайт, отцентрированный по середине, с помощью margin-left:auto; and margin-right:auto; ИЕ отображает полосу прокрутки по умолчание, остальные браузеры - нет. Первая проблемы была вызвана тем, что при появлении этой самой полосы прокрутки во всех браузерах(кроме ИЕ где она просто становилась активной) весь контент сайта смещался влево на ширину полосы прокрутки. Решение было отображать ее во все браузерах с помощью body { overflow-y:scroll; } Но после этого ИЕ начал отображать 2 полосы прокрутки рядом =) подскажите как это можно решить? для примера, откройте в ИЕ и увидите 2 неактивные полосы прокрутки. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/…

    Asked by contact,

    0 votes
    6 answers

  5. overflow: auto; ipade не отображается полоса прокрутки

    На сайте есть блок текста, прокручивается скроллингом. .text { margin-top: 20px; width: 100%; height: 510px; padding-right: 20px; overflow: auto; } во всех браузерах все работает, на ipade текст прокручивается, но ползунка нету. В чем может быть проблема?

    Asked by vasilisa1210,

    0 votes
    3 answers

  6. overflow: hidden для блока-контейнера

    Всем привет! Для начала приведу цитату из Большой книги CSS: Свойство overflow:hidden - одно из странностей CSS. Оно принуждает контейнер расширяться и содержать плавающие элементы. Скажите, правильно ли я понял: Если у меня есть блок-контейнер, который в свою очередь содержит плавающие элементы, то у блока контейнера должно быть определено свойство oveflow: hidden? И ещё, очень прошу объяснить логику следующей разметки: <div class="thumbnails"> <div class="first overflow"> <div class="left"> <some code> </div> <div class="right"> <some code> </div> </div> <div cl…

    Asked by SuperJerk,

    0 votes
    4 answers

  7. overflow: hidden и position: relative

    Добрый день уважаемые форумчане, собственно столкнулся с проблемой, только с IE 8 вот ссылка h++p://esh-te.ru/ на сайт где видно, что в IE 8 блок с картинками раздвигается и 4-ая картинка спускается вниз. В других браузерах все в порядке. Подскажите пожалуйста в чем может быть проблема? почитал и попробовал разные варианты с overflow: hidden и position: relative нечего не получается

    Asked by dfg,

    0 votes
    3 answers

  8. overflow: hidden и z-index

    У меня есть внешний div, который формирует белый фон для контента страницы, у которого было свойство overflow: hidden; Вокруг него лежит текстурный background страницы. Логотип я разместил в headerе, который был внутри указанного дива с overflow: hidden;. Попытался поднять лого с помощью position:relative и top: -100px, чтобы он оказался выше дива на текстурном фоне. Применял z-index и position подходящие для внешнего дива, чтобы лого вышло наверх, но пока не убрал overflow: hidden лого вверх не прошло. Выходит overflow: hidden; главнее z-index? Вот чего надо было добиться: Это так и делается обычно, с помощью position:relative и top: -100px?

    Asked by borus,

    0 votes
    7 answers

  9. overflow: hidden и текст

    Хотелось бы чтобы при "overflow: hidden" не обрезался текст за пределами блока, а просто не показывало строку вообще. Как это сделать можно?

    Asked by maxs,

    0 votes
    15 answers

  10. overflow: hidden скроллится

    Во всех браузерах все отлично, а на Macbook при использовании Safari содержимое элемента с overflow: hidden прокручивается двумя пальцами... Нужна помощь, Google бессилен. Причем на сайте iTunes, например, такого нет. Пример Мой код (без position: relative еще и полосы прокрутки появляются): <div style="width: 480px; height: 320px; overflow: hidden; position: relative"> <img src="http://new.yogamen.net/uploads/games/crazy/1.png" style="float: left" /> <img src="http://new.yogamen.net/uploads/games/crazy/2.png" style="float: left" /> <img src="http://new.yogamen.net/uploads/games/crazy/3.png" style="float: left" /> <img src="http…

    Asked by PocketGaming,

    0 votes
    0 answers

  11. overflow: hidden, плюс кнопка

    Возможно ли на блоке в котором указано overflow: hidden поставить на кнопку прокрутку блока с помощью html? Или все же придется искать решение в JS?

    Asked by Pumych,

    0 votes
    8 answers

  12. overflow: hidden, проблема в IE6

    Из за чего в ие 6 в браузере не появляется боковая полоса прокрутки а коннент просто уходит под баузер(обрезается) #content { padding:2px; width:978px; position:relative; background: #FBFBFB url(img/border_left.jpg) repeat-y left ; } #content1 { width:978px; position:relative; background: url(img/border.jpg) repeat-y; background-position: 217px; } #content2 { width:978px; position:relative; overflow:hidden; background: url(img/border.jpg) repeat-y; background-position: 965px; } #left { margin-left: 19px; width:189px; float:left; z-index:4; display: inline; } #right {width:750px; float: right; border:1px solid #B3B3B3; border-top: none; color:#000066; z-index:1; }

    Asked by woofs,

    0 votes
    4 answers

  13. overflow: scroll

    Я поставила DIV со значением overflow: scroll; и width: 300px. В div -е у меня table. На table нет width. Колонки table динамические, то есть ширина table может динамически изменяться. Я хочу чтобы когда мой table был шире 300px -я, появилась горизонтальная полоса прокрутки. Когда содержимое div - а больше 300px -я, все правильно, но когда содержимое div -а меньше 300px -я, все равно видны полосы прокрутки, хоть и не активные, фоновые. Можете подсказать, как избежать полосов прокрутки (не активных, фоновых), когда содержимое div -а меньше 300px -я. Спасибо!!!

    Asked by Narine,

    0 votes
    6 answers

  14. overflow: visible в IE

    Всем привет!!! Подскажите плиз решение данной проблемы(если оно есть). Вот код: div#test { margin: 0; padding: 0; width: 100px; background: #ff0; border: 1px solid #000; zoom: 1; overflow: visible; } </style> <div id="test"></div> <div id="test">asdadaasddssssssssssssssssss</div> Везде кроме IE эти контейнеры имеють шрину 100px и видно их содержимое(ибо overflow: visible;), а IE растягивает нижний до размеров содержимого, игнорируя width: 100px;. Подскажите можно ли это както поправить?(мне это нада для создания контента который не занимает места, position: absolute не подходит)

    Asked by CoDy,

    0 votes
    2 answers

  15. overflow:auto + IE = непонятный отступ

    Здравствуйте! Имеется таблица, в одной из ячеек которой <div id='t' style='height:500px; overflow:auto;'></div> В этот блок при помощи AJAX загружается табличка. Проблема в том, что если эта табличка больше определенного (?) размера, то весь блок "сползает" вниз. Прич?м Opera отображает вс? правильно. Может кто-нибудь знает, как победить это? Скрины: Большая таблица: Маленькая таблица:

    Asked by Fillonik,

    0 votes
    0 answers

  16. overflow:auto и высота 32767px

    Понадобилось вывести блок с текстом, который имел бы свойство overflow:auto, но скроллился бы только по ширине. Сделал блок с заданной шириной, не заданной высотой и overflow:auto. Всё хорошо, но как только размер выводимых данных превышает 32767px по высоте, то дальше данные перестают отображаться, хотя, скажем если там есть ссылки, то нах можно навести и кликнуть, где то в белом пустом поле. То есть блок тянется на нужную высоту, но ничего не отображает. Баг есть в браузерах FF до версии 3,6, всех версий Opera и IE до 8го. Кто нить знает, как это можно исправить, не прибегая к органичению высоты блока?

    Asked by ddvhouse,

    0 votes
    5 answers

  17. overflow:hidden

    Есть некоторый код (для примера) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> </head> <style> div { } ul { list-style-type:none; margin: 0; padding: 0; } li { float: left; margin: 3px; } </style> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <div> bla-bla-bla </div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> </html…

    Asked by kvant,

    0 votes
    51 answers

  18. overflow:hidden

    Помогите разобраться слева и справа с помощью overflow:hidden получилось скрыть(обрезать) края картинки, а сверху не получается.

    Asked by eremeevd,

    0 votes
    11 answers

  19. overflow:hidden VS float

    вопрос к знатокам. 1) Почему при верстке для того чтобы в блок поместилось все его содержимое используют overflow:hidden, да это работает, но ведь если со временем кол-во контента в этом блоке увеличится то он будет обрезаться? Я всегда использовал float для таких блоков, тогда даже если увеличиться кол-во текста в блоке он все равно не выйдет за его границы. 2) Принцип действия свойства zoom(если можно попроще как нибудь) Спасибо.

    Asked by rediskavet,

    0 votes
    3 answers

  20. overflow:hidden для непрямоугольного блока

    Здравствуйте. Столкнулся с такой проблемой Скрин в Хроме, ФФ, IE http://prntscr.com/4flbmx Скрин в опере и сафари: http://prntscr.com/4flbki Для цветного закругленного блока установлен overflow:hidden. При этом опера и сафари обрезают белые полосы пунктов меню не так, как хотелось бы. Спасибо.

    Asked by vovka-morkovka,

    0 votes
    15 answers

  21. overflow:hidden и опера

    Добрый всем день! Помогите пожалуйста =) Имеется страничка, у которой в правом верхнем углу через див размещена картинка. необходимо, чтобы при изменении разрешения картинка скрывалась и не было горизонтальной прокрутки. Если е? прятать через overflow, то вс? работает и в лисе и ie, но опера отказывается отображать <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <div style="position:absolute; overflow-x:hidden; left:723px; top:0px;"><img src="../../images/glassess2.png" /></div>

    Asked by Little_disaster,

    0 votes
    14 answers

  22. overflow:scroll не показывается скролл в macbook

    Замучился уже искать решение проблемы, на сайте http://gl2.mercedesbenz-sale.ru/#9 на экране с таблицей наличия в macbook не показывается скролл в div, на windows всё нормально, подскажите как исправить?

    Asked by amigo_r,

    0 votes
    7 answers

  23. owerflow

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>test</title> <style> #qqq { border: 1px solid #000000; width: 150px; height: 100px; overflow: hidden; } #aaa div{ display: block; border: 1px solid #ff0000; margin: 5px; } #aaa { border: 0; position: relative; } </style> </head> <body> <div id="qqq" align="center"> <div id="aaa"> <div>111</div> <div>222</div> <div>333</div> <div>444</div> &lt…

    Asked by Veseloff,

    0 votes
    3 answers

  24. owl carousel - 2 вопроса

    Коллеги, просьба помочь советом. Сайт www.lazurit.mini-mall.ru Установил 2 слайдера owl-carousel в первом куда то "спрятались" стрелки навигации, при уменьшении разрешения, появляются, как их вывести на свет божий, посоветуйте. А во втором никак не могу выровнять текстовый блок с отзывами по вертикали, все способы вроде попробовал - не получается! Буду признателен за помощь!

    Asked by Dimpin,

    0 votes
    3 answers

  25. OWL Carousel 2, как сверстать слайдер?

    Здравствуйте, вопрос к уважаемым специалистам. Только приступил к изучению html+css. Знаю что можно реализовать такой слайдер на чистом html+css, но мне интересно, как сделать такой слайдер с помощью OWL Carousel 2? В частности, как правильно для данной секции написать html код и как правильно прописать стили для слайдера? По одному ролику на YouTube получилось сделать так, дальше моих знаний уже не хватает. Отмечу, что делаю разметку страницы, до написания стилей еще не доходил. Вот мой код данной разметки, а тут макет. Буду благодарен за помощь, так как застрял именно со слайдером, во всей остальной разметке вроде разобрался.

    Asked by Bubunt,

    0 votes
    1 answer

  • Обсуждения

    • 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