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. position:absolute; - на всех мониторах одинакого?

    Всем привет. Подскажите пожалуйста : Задаю обЪекту стиль css position:absolute; top:200px; left:250px; У меня всё ровно на сайте , относительно других объектов. А на других мониторах всё будет правильно ??

    Asked by d4a1,

    0 votes
    10 answers

  2. position:absolute; div

    Здравствуйте. Как сделать чтобы родительский слой изменялся по высоте исходя из размеров своего дочернего слоя который при этом position:absolute; Пример. <div style="border:1px solid #232323;position:relative; min-height:120px;"> <div style="top:2px;left:2px;border:1px solid #990000;position:absolute;height:240px;width:50px;"></div> </div> Необходимо чтобы родительский div изменял размер в соответствии с вложенным.

    Asked by G6CFfy,

    0 votes
    3 answers

  3. position:absolute; и ie

    здрасте, не хочет работать position:absolute; в ie, что делать? заранее спасибо

    Asked by vvsh,

    0 votes
    12 answers

  4. position:absolute; и колонки равной высоты

    Использование: margin-bottom:-32767px;padding-bottom:32767px; для создания макетов с колонками одинаковой высоты, имеет не приятный момент - не корректная работа меток-якорей. Предлагаю ознакомиться с иным решением проблемы: Статья Пример

    Asked by gordi,

    0 votes
    0 answers

  5. position:fixed

    Как избавиться от дрожания при эмуляции position:fixed. Все решения, которые встречал основаны на обращении к body, а это не подходит (html подгружается в виде iframe).

    Asked by Destrifer,

    0 votes
    3 answers

  6. position:fixed

    как сделать чтобы ,,logo'', с position:fixed не просвечивал другие элементы со страницы, (opacity - не помогает.) ? заранее спасибо!

    Asked by andrew514,

    0 votes
    2 answers

  7. position:fixed for ie6+отступ на скроллбаре

    КОД <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> body{ font:20px Arial; text-align:justify; } *{ padding:0;margin:0; } html,body{ height:100%;overflow:auto; } *html .fix{ margin-right:17px; } .fix{ width:100%; height:300px; background: orange; text-align: center; color:blue; font-size:12px; position:fixed; top:0;right:0; _position:relative; } #SS{ padding-top:310px; } </style> </head> <body> <div id="SS"> <div class="fix">ONE</div> Много тЕКСТА!!!!!! </div> </body> </html> проблема в том что в …

    Asked by dostel1,

    0 votes
    4 answers

  8. position:fixed vc iPad

    Последнее время нужно проверять как выглядит сайт на айпаде. Подвал нужно пригвоздить к низу, а контент чтоб проматывался. На айпаде подвал скользит вместе со страницей. В интернете ниче вменяемого не нашел. Писал 2 файла стилей для планшета и десктопа, проверял jquery, для айпада подвал делал обычный. Я провтыкал, там vs, а заголовок редактировать нельзя.

    Asked by sergio_ktt,

    0 votes
    0 answers

  9. position:fixed в IE и выравнивание по правому краю

    Из-за неработоспособности position:fixed в 6 эксплореле, пришлось применит следующий код, для фиксирования элемента на экране но проблема в том, что на некоторых страницах, появляется скрол и элемент fixed, который прикреплен к правому краю заезжает на него... каким образом сделать так чтобы, фиксированный элемент не наезжал на скрол?

    Asked by alex196,

    0 votes
    10 answers

  10. position:fixed и ie6

    Доброго времени суток! Задача следующая: зафиксировать панельку сверху тут. Фикс ( body > #SupportPanel {position:fixed;}) в сумме с #SupportPanel {position:absolute;} и <!--[if IE 6]> <style type="text/css"> html { overflow:hidden; } body { height:100%; overflow:auto; } </style> <![endif]-->, который я применял ранее, почемуто здесь не работает, даже когда я ставлю <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> как раньше.. можеть быть кто знает где я допустил ошибку или какой другой способ зафиксировать панельку в осле? (толкового java е нашел (() Буду очень благодарен за …

    Asked by mozart,

    0 votes
    20 answers

  11. Position:fixed и overflow

    Надо чтобы блок c position:fixed (или эмуляцией) скроллился вместе с body при достижении min-width... JS тоже будет уместным

    Asked by Nanto,

    0 votes
    2 answers

  12. position:fixed и ширина у родителя

    Доброго времени суток, что то застопорился я на одном моменте: имею два дива <div class="parent"> <div class="child"></div> </div> в блоке child имеется контент, и неизвестна ширина, при установке данному блоку свойства position:fixed, теряю ширину у блока parent, собственно вопрос в том как заставить .parent вновь обрести ширину? Заранее благодарен.

    Asked by bookin,

    0 votes
    7 answers

  13. position:fixed лишь по одной оси, возможно ли?

    Приветствую всех участников форума! Есть вопрос - реально ли на чистом CSS реализовать мою задумку. Вот пример: http://jsfiddle.net/4sJYM/ Внутри элемента есть два вложенных дива. Возможно ли БЕЗ JS сделать так, чтобы #left всегда был закреплён по левому краю, но прокручивался по вертикали, а #top - наоборот, прокручивался по горизонтали, но всегда оставался бы прилеплённым к верху viewbox родителя? Всем спасибо за внимание.

    Asked by Crystall,

    0 votes
    3 answers

  14. position:fixed поверх всей страницы

    Необходимо чтобы блок был фиксирован относительно ширины страницы, то есть при масштабировании не выходил за ее пределы.и также был поверх всего

    Asked by gogol63,

    0 votes
    4 answers

  15. position:fixed при transform

    Всем привет! Столкнулся с такой проблемой: У меня есть блок у которого задан position:fixed; left:0; top:0. и он у меня прилип к углу экрана браузера. но вот если родителю этого блока задать трансформ, например, transform: translateX(0), даже нулевой, то фиксед начинает считать не от экрана браузера, а от блока с трансформом. Никогда с таким не сталкивался, кто-то может объяснить почему он себя так ведет и как этом можно пофиксить. Набросал мини примерчик http://codepen.io/Z1gnet/pen/VYOxGG

    Asked by Z1gnet,

    0 votes
    3 answers

  16. position:fixed; - IE6

    Ребят, помогите побороть ИЕ6, задача простая, нужно что-бы слева сверху вниз были расположены 4 вкладки, они должны быть фиксированные и по 25% в высоту, тоесть каждая ровно четверть экрана, что-бы в экран они умещались чётко как нужно и при прокрутке всегда были зафиксированы, как и изначально. Проблема в том, что в ИЕ6 никак не хочет работать такая конструкция, поэтому прошу помощи, так как сам уже не знаю, что делать и есть вопросики: 1) Можно ли решить эту проблему в ИЕ6 без использования скрипта? (экспрешаны одобряются) 2) Можно ли как нибудь по другому обыграть это решение для всех браузеров, включая ИЕ6. Может быть есть другие решения этой задачи? Тут пример задачи…

    Asked by psywalker,

    0 votes
    18 answers

  17. position:relative - задница в ИЕ6

    На ниже приведённой странице ИЕ6 напрочь не отображает слой #ugol с position:absolute Но, достаточно уменьшить ширину у слоя #obr с 480px до 477px, как слой #ugol начинает отображаться. Что происходит - в упор не понимаю. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Проверка</title> <style> #menu { float:left; display:inline; width:180px; height:200px; margin:0px 10px 0px 10px; background-color:#6666FF; } #obr { float:left; display:inline; margin:0px 20px 0px …

    Asked by Колос,

    0 votes
    4 answers

  18. Position:relative или лучше иначе? Ищу гуру.=)

    Всем привет! Вот хотел бы поинтересоваться как правильно сделать эту штуковину, на ум конечно приходит много идей, в том числе и разбиение логотипа на 2 части, но пока остановился на таком варианте, так как он мне кажется самым нормальным. http://jsfiddle.net/K7UV3/2/ З.Ы. - header и opol полностью статичны, в них ничего не тянется и текстом дополняться скорее всего не будет. В диве logo будет еще 2 дива. 1 для текста - имей дело с лучшими 2ой для названия компании. Хотя можно обойтись и без 2ух дивов, не столь важно. Opol - это див с бэкграундом-картинкой, внутри которого будут находиться еще 2 рекламных дива размеров 486х60 с низу. Вот для наглядности что планирую:

    Asked by logicface,

    0 votes
    10 answers

  19. postcss

    Нужен учебник по postcss на русском. Дайте ссыль.

    Asked by torsar,

    0 votes
    0 answers

  20. Postition absolute IE6 для em

    Есть такая конструкция <div class="ml-div"> <a href="http://joos_rc1.ru/" title="Главная" class="mainlevel-1" > <em>Главная</em> </a></div> Для нее CSS a.mainlevel-1 { display:block; width:81px; height:22px; margin:0 auto; padding-top:89px; text-align:center; color:#9f1200; position:relative; background:url(../images/topmenu_1.png) center top no-repeat;} a.mainlevel-1 em { font-style:normal; position:absolute; display:block; width:140px; height:18px; left:-30px; text-decoration: none; } a.mainlevel-1:hover em { font-style:normal; background:url(../images/topmenu_hover.png) center top no-repeat;} Во всех браузерах н…

    Asked by PaLyCH,

    0 votes
    4 answers

  21. PrestaShop

    Здравствуйте! Кто пользовался PrestaShop? Интересует ваш опыт, и оценки. Как вам система? Как работа на ней? Есть ли лучшие аналоги?

    Asked by Imperil,

    0 votes
    0 answers

  22. Pricing Table на Uikit 3. Как сделать?

    Всем привет. Никак не получается сверстать нормальную Pricing Table на Uikit 3. Я только вникаю в тему, поэтому, может еще не догоняю. Пробую сделать на uk-flex + uk-table. Постоянно какие-то косяки то с адаптивностью, то с шириной, то с высотой колонок... <div class="uk-flex uk-flex-center"> <div class="uk-card uk-card-default"> <table class="uk-table uk-table-divider bg1"> <thead> <tr> <th>Тестовая таблица 1</th> </tr> </thead> <tbody> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 2 пошире</td> </tr> <tr&g…

    Asked by dron,

    0 votes
    2 answers

  23. printable css для большой таблицы

    Здравствуйте Подскажите пожалуйста. Есть таблица с данными. Эта таблица большая по ширине. Настолько, что появляется горизонтальный скролл. Перед мной стоит задача сделать так, чтобы при распечатке все было красиво и читабельно. Т.е. как-то надо эту таблицу при помощи стилей перекрутить и выплюнуть на лист бумаги через принтер. Может, кто-то сталкивался с такой проблемой? Или хотя бы подскажите куда копать. Таблица эта состоит из n-ного количества столбцов. Каждый столбец отвечает за какой-то товар. Таблица эта - сравнение товаров по различным характеристикам. Воть тяк...

    Asked by milax,

    0 votes
    13 answers

  24. Problema s content

    Zdrastvuyte. Skajite pajalusta, pachemu, kagda ya napishu tekst v content, kagda tekst dabirayetsa kanca, ne idyot na novom stroke, a prodaljayetsya, vixodya iz granic content. Izveniye za plaoxy russkiy yazik Chto magu sdelat, chtob tekst avtomaticheskim preyti na noviy strok. SPasibo http://postimage.org/image/yofv4fpu3/

    Asked by felosargsyan777,

    0 votes
    5 answers

  25. Problems with H1 tag

    I have a breadcrumbs in span tags, first bread crumb is "Home", rest of them shoulb be in <h1> tag, all breadcrumbs should show in one line, but <h1> breaks line. If I remove <h1> tag from code below, it works fine, all breadcrumbs are in one line. Please help how resolve it with CSS Example Code: <html> <head></head> <body> <table cellspacing="0" cellpadding="0" width="100%" border="1"> <tbody> <tr> <td nowrap="nowrap"> <a href="./">Home</a> <h1> <span> » <a href="page1.html">BreadCrumb1</a> </span> <span > » <a href="page2.html">BreadCr…

    Asked by ihorko,

    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