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. Абсолютно позиционированные элементы и свойство display

    Здравствуйте. Все время считал, что после применения абсолютного позиционирования к элементам их свойство display по умолчанию устанавливается в block. Но сегодня пришлось усомниться в этом. Смотрите пример https://jsfiddle.net/9z3ehbpa/2/ Две последние линии каждой из кнопок созданы с помощью ::before и ::after (display: inline по умолчанию developer.mozilla.org). При этом для второй кнопки псевдоэлементам прописано свойство display: block, что, по идее, лишнее, так как это происходит по умолчанию для position: absolute (согласно таблицы inline превращается в block www.w3.org) Почему же кнопки отображаются по разному?

    Asked by alex_web64,

    0 votes
    10 answers

  2. Абсолютное вертикальное центрирование

    Уважаемые участники форума, помогите советом. Наткнулась на статью про вертикальное выравнивание http://http://habrahabr.ru/post/189696/, пыталась выровнять абсолютно позиционированный блок, как в самом начале статьи, но пример не работает http://jsfiddle.net/MeisMe/fzuk9qxm/ Все уже перепробовала, не могу понять, что я упускаю из виду. Хочется знать почему: Не происходит центрирования по вертикали если у родительского блока position:relativeВысота блока с контентом равна 0 и не изменяется в зависимости от содержанияПример работает если у родителя position:staticСпасибо!

    Asked by MeisMe,

    0 votes
    9 answers

  3. Абсолютное и статическое позиционирование

    Доброе время суток. Есть абсолютно позиционированная менюшка на центрированном сайте. если окно браузера не развернуто, то, естественно, она накладывается на остальной контент. как этого избежать? Пример: <body> <div id='весь сайт'> весь контент </div> <div id='menu'>абсолютно позиционированно так, чтобы оно было слева от контента </div> </body> Абсолютное позиционированние нужно для СЕО. То есть контент должен быть выше менюшки. Помогите разобраться, пожалуйста! В поиске не нашел

    Asked by otmoroz095,

    0 votes
    25 answers

  4. Абсолютное позиционирование

    Суть в следующем, имеется 3-колонная верстка, притом левая колонка и правая абсолютно позиционированы, еще есть подвал, возможно ли выровнять подвал по левой или правой колонке ? Подумав я нашел решение, задать минимальную высоту как раз высотой большей из двух колонок. Проблема в том что левая колонка (меню) увеличивается и следовательно, пришлось задать минимальную высоту равной максимально большей левой колонке. Естественно когда меню уменьшается все остается по-прежнему . Что делать ? Кроме того что нужно перейти на относительное позиционирование. Если не задавать мин высоту то при малом количестве текста в средней колонке, "пэддинга" не хватает и абсолютно позиционир…

    Asked by maddogrts,

    0 votes
    0 answers

  5. Абсолютное позиционирование

    Суть в следующем, имеется 3-колонная верстка, притом левая колонка и правая абсолютно позиционированы, еще есть подвал, возможно ли выровнять подвал по левой или правой колонке ? Подумав я нашел решение, задать минимальную высоту как раз высотой большей из двух колонок. Проблема в том что левая колонка (меню) увеличивается и следовательно, пришлось задать минимальную высоту равной максимально большей левой колонке. Естественно когда меню уменьшается все остается по-прежнему . Что делать ? Кроме того что нужно перейти на относительное позиционирование. Если не задавать мин высоту то при малом количестве текста в средней колонке, "пэддинга" не хватает и абсолютно позиционир…

    Asked by maddogrts,

    0 votes
    2 answers

  6. Абсолютное позиционирование

    Добрый день, относительно чего происходит абсолютное позиционирование - относительно окна браузера (как написано здесь - http://htmlbook.ru/samlayout/blochnaya-verstka/pozitsionirovanie-elementov ) или родительского элемента? Судя по экспериментам - второе... доп вопрос - по какому учебнику / ресурсу лучше учить html + css?

    Asked by fedotxxl,

    0 votes
    1 answer

  7. Абсолютное позиционирование div в ячейке

    Добрый вечер! Подскажите пожалуйста как правильно позиционировать div относительно границ родительской ячейки!

    Asked by Prokopov Nikolai,

    0 votes
    11 answers

  8. Абсолютное позиционирование в Opera

    Я на странице делаю таблицу. У этой таблицы и всех ее родительских элементов вплоть до body нет позиционирования. Далее я в ячейки скриптом кладу список UL. В один из его LI я скриптом кладу всплывающее меню в виде div-контейнера. Вот стиль меню: display: none; z-index: 9999; background-color: #FFFFFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #DDD; position: absolute; padding: 5px; Само меню состоит из пунктов, являющихся также div-контейнерами. Вот их стиль: display: block; margin-bottom: 5px; text-align: left; cursor: pointer; background-color: white; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6p…

    Asked by demoniqus,

    0 votes
    0 answers

  9. абсолютное позиционирование в ИЕ

    помогите решить проблему 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 name="description" content="description" /> <meta name="keywords" content="keywords" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title> JM - Job Market </title> <style type="text/css"> * { margin:0; padding:0; } html {height: 100%;} body { position: relative; height: auto !important; height: 100%; min-height: 100%; } .podval { position: absolute; bottom: 0…

    Asked by vr201,

    0 votes
    1 answer

  10. Абсолютное позиционирование внутри overflow:hidden

    Доброго времени суток всем. Как сделать так, чтобы открывающийся по клику "Показать ссылки" самый нижний блок не обрезался, а выводился полностью, как верхние блоки (http://vitaliy43.ru/html/imghost.pro.htm)? Очевидно, что это происходит из-за overflow:hidden родительского элемента, но блок, содержащий ссылки, имеет абсолютное позиционирование и z-index самый высокий из всех элементов (10000), т.е заведомо перекрывает любой. Что тут не так?

    Asked by vitaliy43,

    0 votes
    2 answers

  11. Абсолютное позиционирование и Firefox

    Возникла проблема вставки баннера. По ширине сайт 1000px необходимо справо вставить баннер ( за пределами сайта) но на одном уровне. <div class="banner"><a href="http://адрес_сайта.ru/"><img src="/banner/Banner-230-100.gif"></a></div> <div class="container"> <table cellspacing="0" cellpadding="0" border="0" class="header"> <tr> .... а в css .banner { display:block; position: absolute; height:100; width:230; padding-left:1003px; } во всех браузерах проблем нету, только ФФ и Google Chrome почему-то перекрывает всю верхнюю часть на 100px (невозможно нажать на ссылки). Подскажите как пофиксить эту проблему. Или как по д…

    Asked by yyyurik,

    0 votes
    5 answers

  12. Абсолютное позиционирование и IE6

    Вопрос в следующем. Если в ЦСС задать примерно такое: position:absolute; top:10px; bottom:10px; left:10px; right:10px; , то 7й эксплорер и мозила "растянут" див таким образом, что он будет "не доставать" до края экрана по 10 пикселов с каждой стороны. 6й эксплорер не видит одновременно параметров left и right для одного элемента - читает только первый. Его можно от этого вылечить?

    Asked by Raiden-=DM=-,

    0 votes
    52 answers

  13. Абсолютное позиционирование и горизонтальная прокрутка

    <p style="position: absolute; right: -80%;">bla-bla-blah</p> -появляется горизонтальная полоса прокрутки, можно прокрутить и увидеть. <p style="position: absolute; left: -80%;">bla-bla-blah</p> -прокрутка не появляется. Почему так? Это стандарт или фича браузеров?

    Asked by skvor,

    0 votes
    1 answer

  14. абсолютное позиционирование и его повсеместное использование

    Вопрос: хотелось бы бы узнать с технической точки зрения, нормально ли использовать очень часто свойство position в значении absolute

    Asked by Умен Бедолага,

    0 votes
    1 answer

  15. Абсолютное позиционирование и отступ снизу страницы.

    Поискал я в интернетах и ничего толкового не нашёл, поэтому решил спросить здесь. Есть страница, 3 колонки с position:absolute, надо сделать отступ снизу (после самой длинной, это может быть любая из них, не только центральная). На margin реагируют только такие же абсолютно-позиционированные объекты. Если вставлять мои колонки в какой-то блок, он не воспринимает абсолютно-позиционированные объекты как твёрдые объекты (игнорирует их высоту). Вроде как-то решал, но не могу найти (а может и не решал). Пробовал менять на relative - всё едет. Необходимо именно абсолютное позиционирование. CSS: HTML:

    Asked by Necronomicron,

    0 votes
    5 answers

  16. Абсолютное позиционирование лишь по вертикали

    Здравствуйте, форумчане. Нужна Ваша помощь в одном вопросе. Буду очень благодарен за совет... Мне необходимо создать меню, чтобы оно было вроде как абсолютно позиционированно, но не совсем... Дело в том, что если абсолютно позиционировать меню относительно левого края, на маленьких мониторах оно будет залазить на контент, который расположен по центру, а на больших - будет далеко от контента, то есть близко к левому краю окна браузера. Нужно чтобы меню находилось в пределах колонки таблицы (по горизонтали). А по вертикали - бегало при скролинге... Вот здесь это хорошо реализовано http://www.samsung.com/ua/consumer/tv-av/t...&returnurl= Там меню размещено не относительн…

    Asked by Vedrys,

    0 votes
    7 answers

  17. Абсолютное позиционирование шапки сайта

    Всем привет. Начал я делать сайты по psd макетам. До этого попробовал несколько сайтов верстать по видеокурсам. Вот теперь решил попробовать сам. И вот задумался. Нашёл я резиновый макет. Вроде с шапкой всё понятно, да и помню, что похожее как раз по видеокурсу проходил. Понял, что для шапки вроде бы подходит следующий код: .header { position: absolute; width: 100%; } А вроде бы это position: absolute и не нужен. Поискал в интернете. Часто такие стили применяют, но вот объяснений почему нет. Можете объяснить зачем применяют в шапки сайта абсолютное позиционирование? Частый ли это случай или или применяется только в определённых, редких случаях? …

    Asked by Arxont,

    0 votes
    17 answers

  18. Абсолютное позиционирование элемента относительно родителя

    Имеется некая таблица с величиной ячеек 60x60px. В каждой ячейке должна быть следующая структура: <div class="numberandbuttons"> <div class="number"> </div> <div class="lefrsqr"> </div> <div class="rightsqr"> </div> </div> lefrsqr и rightsqr это квадраты размером 15x15px поставленные в нижние углы ячейки. Необходимо поставить number вертикально и горизонтально по центру ячейкти, а lefrsqr и rightsqr в нижние углы ячейки таким образом, чтобы ни один элемент не выезжал за границы ячейки и при изменении размеров number скриптом, lefrsqr и rightsqr оставались приклееными к своим углам, а он оставался выровнянным по центру. То…

    Asked by Daiver,

    0 votes
    9 answers

  19. абсолютное позиционирование элементов формы

    на странице форму поиска сверстал, используя абсолютное позиционирование. но в хроме 16.0.912.63 m строка текстового поля формы сместилась. хотелось бы не столько исправить проблему сколько понять причину. помогите пожалуйста

    Asked by cyklop77,

    0 votes
    4 answers

  20. Абсолютное позиционирование.

    Помогите пожалуйста понять почему вот в этом уроке: http://htmlbook.ru/css/hover, в примере 2, в селекторе li ul, абсолютное позиционирование подменю получается относительно li a. Если убрать margin, из свойств margin-top и margin-left, то позиционируется относительно экрана. Почему margin так влияет?

    Asked by webded,

    0 votes
    4 answers

  21. Абсолютное позиционирование. Где ошибка ?

    Здравствуйте. Css .1 { position:absolute; top:100px; left:100px; background-image : url(/images/left.png); } html <div class ="1"></div> изображение не выводится.

    Asked by d4a1,

    0 votes
    3 answers

  22. Абсолютное фиксирование ячеек таблицы

    Столкнулся с проблемой, имеется широкая таблица, но на разных мониторах с разным разрешеним, ширина ячеек тоже разная, как сделать чтобы везде отображалась одинаково, уже ставил размеры и в % и в пикселях, не помогает

    Asked by slavok47,

    0 votes
    15 answers

  23. абсолютный блок и адаптивная вёрстка

    Возникла такая проблема. Есть основная шапка сайта, которая должна находиться в блоке с контентом. display absolute; Всё отлично, хеадер сидит на блоке с контентом. Прописал верхний padding для блока с контентом(чтобы текст не залезал под хеадер). Но, при уменьшении ширины окна, высота хеадера становится больше, и контент всё таки оказывается под шапкой. Вот пример: http://jsfiddle.net/LOL1/dyxvm4jc/6/ (уменьшайте ширину экрана и увидите) Как этого избежать? Как вариант можно засунуть header прямо в section, но ведь смысл от этого поменяется? Получается что хеадер будет относиться не ко всему сайту, а только к разделу и это критично. Ещё пара мелких вопросов: 1…

    Asked by VeniVidiVici,

    0 votes
    4 answers

  24. Абсолютный блок растягивает родителя

    Привет. Есть вот такой пример http://jsfiddle.net/npofopr/wSTJ3/ Можно ли как то сделать, чтобы при клике Добавить, блок с появляющейся формой не был "поверх" всего остального, а растягивал своего родителя, т.е. был обычным внутренним содержимым, а не выглядел отдельным элементом. По примеру более понятно должно быть, что не получается. Не то чтобы не получается, а пока вообще не знаю как быть.

    Asked by npofopr,

    0 votes
    6 answers

  25. Абсолютный элемент над текстовым полем

    Вопрос снимается, сам разобрался. Всем спасибо, все свободны.

    Asked by d0ublezer0,

    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