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. Диагональные пункты меню

    Вечер добрый! На работе подкинули задание - сделать меню по типу того что на картинке, при этом нужно поддержать ослов 7,8,9... т.е. CSS3 и HTML5 отпадают сами собой =( можно ли сделать без использования флэша? P.S. Я новичок, осиной не бейте, мягкие пинки в нужную сторону приветствуются)

    Asked by Dreamod,

    0 votes
    4 answers

  2. Обтекание картинок текстом

    Всем доброго вечера. Подскажите как правильно сделать обтекание. Вот для примера код для обтекания слева img.alignleft { clear:left; float: left; display: inline; margin-right: 10px; margin-bottom: 2px; } но появляется проблема - если нужно сделать обтекание нескольким пикчам и текст, расположенный справа от первой не заполняет все пространство рядом с ней, то почему-то текст, который должен быть расположенный уже справа от второй картинки лезет вверх и встает еще рядом с первой. Вот так примерно: а надо чтобы текст, который в посте идет после второй картинки и стоял после второй картинки, вот так

    Asked by Dayks,

    0 votes
    4 answers

  3. Нужен скрипт+html форма загрузки файлов

    Ребята, помогите пожалуйста! может кто то имеет готовый скрипт желательно javascript, и html-css форма к нему, у меня на сайте есть http://texts-web.com/proba/index.html но он карявый какой то! тоесть все работает и выглядит так как мне нужно, но на других мониторах и при изминении масштаба кнопка (обзор)от текстового поля постоянно на 1-2 пикселя сезжает. В html поместил ее в <div> а в css прописал для нее pozicion: absolute; top:...; left...; у меня на экране все ок, звонит заказчик говорит что на его экране кнопка сьехала на 1-2 пикселя, заходим с одинаковых браузеров. Заказчик очень придирчив, ему нужно чтобы было все точно, пиксель в пиксель

    Asked by majron,

    0 votes
    3 answers

  4. Комментарий

    Здраствуйте. Подскажите, пожалуйста, вот есть такой html-код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Меню</title> <style> ul { border: 1px solid black; } </style> </head> <body> <ul> <li><a href="#">Мчади</a></li> <li><a href="#">Када на мацони</a></li> <li><a href="#">Пахлава</a></li> <li><a href="#">Кчуч</a></li> <li><a href="#">Лилибдж</a></li> </ul> </body> </html> Граница вокруг списка появилась, выглядит оно так: …

    Asked by Macdonald,

    0 votes
    3 answers

  5. Плохо работает стиль

    Привет всем, Кто может сказать почему не корректно работает стиль? Смотрите видео, подскажите как исправить кто знает.

    Asked by andrey112,

    0 votes
    3 answers

  6. Не стандартый вет ссылок

    Доброе время суток ! Не получается добиться ,что бы ссылка была черного цвета при наведении красного а посещенная была тоже черного a:link{color:#000000;font-family:Minior pro regular !important; font-size:14pt; } a:hover{color:#ff0000;} a:visited{color:#000000;} работает только в мазиле и IE в опере ссылки только черные и при навидение ничего не меняется Как с этим бороться ? Спасибо !

    Asked by glzobilo,

    0 votes
    2 answers

  7. отвязка линии

    Пишу код и возникла такая проблема: линия <hr> которая была без отступа от левой стороны, теперь отступает вместе с мини-блоком title, хотя линия <hr> отделена от этого блока. Я хочу чтобы линия рисовалась без отступов слева как мне это сделать? <div class="title"> text </div> <div style="clear: left;"></div> <hr style="margin-top: -2px;color:#4D90FE;"/> это стиль класса title: .title { margin-left: 15px; margin-top: 20px; float: left; background: #4D90FE; padding: 4px; color: white; border-radius: 7px 7px 0 0; }

    Asked by robo1500,

    0 votes
    7 answers

  8. В чем проблема?

    В чём проблема с футером на этой странице? А на остальных всё нормально. подскажите пожалуйста.

    Asked by Oblom,

    0 votes
    3 answers

  9. горизонтальный отступ текста внутри span

    если добавить текст в span то у него появляется отступ с верху и снизу http://learn.javascript.ru/play/P3Tlcc , я знаю что можно изменить line-height , но а как то без указания определенного размера это сделать можно?

    Asked by cyber_ua,

    0 votes
    5 answers

  10. как резиновую середину и фиксированную шапку и подвал ?

    голову сломал пытаясь сделать это. В общем нужно чтоб страница всегда отображалась на 100% высоты экрана без прокрутки. Страница состоит из шапки, центральной части, и подвала. И резиновой может быть только центральная часть. Если я делаю шапку 10%, центральную часть 80%, подвал 10%, то все работает отлично. Но если делаю шапку 40px, центральную часть 80%, подвал 40px, то разумеется все заполняется не так как мне нужно. Делать высоту центральной части зависимой от контента внутри тоже нельзя. Просто зафиксировать подвал внизу тоже нельзя. Мне нужно чтоб центральная часть растягивалась, потому что я потом беру ее высоту в скрипте.

    Asked by mitiya,

    0 votes
    8 answers

  11. Ссылки внутри статьи

    подскажите, почему тут ссылки из содержания статьи не просто перескакивают на нужный пункт, а как бы обрезают все что до него было?

    Asked by fowl,

    0 votes
    3 answers

  12. Padding внутри input (Opera)

    Вот Вам примерчики. Как исправить, или просто убрать padding ТОЛЬКО для Opera?

    Asked by Hauster,

    0 votes
    1 answer

  13. помогите сделать сложное обтекание

    Никак не получается сделать обтекане div. Обтекаемый элемент - div. Обтекающие - p, h1, h2. Пробовал всё. Менять float: left, display: inline у разных элементов. Можно ли вообще так сверстать? Можно, конечно, весь текст представить как один p со span-ами, (как в примере на htmlbook), но пропадёт семантика Макет: http://i070.radikal.ru/1210/a2/e7bc5305a56b.jpg Коды: http://jsfiddle.net/hAAL4/

    Asked by OlegALL,

    0 votes
    8 answers

  14. позиционирование от верха для резинового шаблона

    Доброе время суток! Не удается задать относительное значение для параметра top, чтобы основная часть сайта смогла подстраиваться под разную высоту мониторов. html, body { height: 100%; width: 100%; margin: 0; padding: 0; font-family: "Verdana"; font-size: 12px; color: #090733; /*основной цвет текста сайта */ /* background-color: #365401; */ } #background{top:0;left:0;width:100%;height:100%;position:fixed;z-index:-1} #wrap { width: 100%; min-width: 980px; position: relative; } /* основное содержимое */ #content { position: absolute; line-height: 19px; top: 560px; left: 32%; /* 32% …

    Asked by devadas,

    0 votes
    2 answers

  15. Разница между (pading,marging) и top px, botton px,left px, right px,

    Ребята простите за простоту вопроса! часто пользуюсь: top px, botton px,left px, right px, Но есть также: pading,marging А особенно при позиционировании часто использую: pozicion: absolute; top px, left px, Подскажите пожалуйста разницу между ними! СПАСИБО!

    Asked by majron,

    0 votes
    2 answers

  16. Шапка сайта

    Доброго времени суток всем! Подскажите пожалуйста программы с помощью которых можно создать шапку для сайта я чайник в этом непростом деле . Буду рад за любую инфу.

    Asked by Guesto,

    0 votes
    9 answers

  17. Обьект сьезжает при маштабировании экрана в браузере

    Пивет всем решил стать не просто верстальщиком а настоящим web - мастером))) и понял что нуждаюсь в одномыслящих людях! Работодатель дал мне пробное задание по верстке,я все сдела, кроме одного - как только меняю маштаб в браузере то наблюдается очень маленький сдвиг кнопки (Обзор)от поля загрузки изображения, знаю что это не професионально так оставлять, вот ссылка - http://texts-web.com/proba/index.html попробуйте изменить масштаб в браузере!

    Asked by majron,

    0 votes
    3 answers

  18. Плавает меню

    Потихоньку верстаю блог для себя и друзей, написал меню на html+css3 . Проблемма в том что когда я меню разворачиваю, оно немного "плавает" и сдвигается, уже долго сижу над этим багом ( http://31.148.5.55/ PS : Тестировать в хроме.

    Asked by Swat2k,

    0 votes
    2 answers

  19. Расположение иконок

    Нужно выровнять иконки по уровню текста (по средней линии). Не додумаюсь как. Текущий скрин.

    Asked by Feel,

    0 votes
    6 answers

  20. Пункт меню переносится на следующую строчку

    При изменении масштаба в Chrome последний пункт меню переносится на другую строчку, хотелось бы услышать какой нибудь совет как этого избежать. Установка min-width: 100% не очень помогает,так как меню у меня не на всю ширину блока и при минимальном масштабе всё равно съезжает так же подключён reset.css,но я его не стал выкладывать. http://jsfiddle.net/XdGhW/1/

    Asked by Skylef,

    0 votes
    6 answers

  21. Родительский div неадекватной высоты

    Здравствуйте. Есть проблема - родительский элемент <div class="orderby-displaynumber"> не принимает высоту внутренних элементов... Приходится писать костыль типа height:30px (но так не годится), с .clr{clear:both;overflow:hidden;} он принимает непонятную высоту (хотя Firebag не показывает, что его растягивает) <div class="orderby-displaynumber"> <div class="orderby"> <div class="orderlistcontainer"><div class="title">Сортировать по</div><div class="activeOrder"><a href="..." title=" +/-">Название +/-</a></div>...</div> <div class="orderlistcontainer"><div class="title">Производитель: <…

    Asked by Hijacker,

    0 votes
    8 answers

  22. clearfix

    столкнулся с проблемой знакомый попросил исправить баг на сайте(вот сайт http://xn--80adkkb3aeirm.net/. тут можно смотреть в ие - http://netrenderer.com/index.php) какие только клирфиксы не делал, не работает и все тут. только внизу какая-то полоса куцая появляется и все.

    Asked by USF,

    0 votes
    2 answers

  23. Радиальный градиент в Firefox и Chrome

    Решился использовать на странице радиальный градиент. Однако обнаружил забавную вещь: При одинаковых параметрах: background-image: -webkit-radial-gradient(circle farthest-side, #FFF, #C5C5C5); background-image: -moz-radial-gradient(circle farthest-side, #FFF, #C5C5C5); Градиент отображается по-разному в Firefox и Chrome (в других пока что не проверял): Chrome: http://rghost.ru/41034060.view P.S. Видна внешняя граница градиента. Firefox: http://rghost.ru/41034084.view P.S. Внешняя граница градиента становится видна только на расстоянии от монитора. Вот такая вот штука Вроде бы все одинаково, а отображается по-разному. Как сгладить градиент в хроме я даже не знаю (увелич…

    Asked by Feel,

    0 votes
    3 answers

  24. Закругленные уголки в Опере

    Всем привет. Задача: сделать закругленное (верхняя часть) меню из четырех пунктов. Проблема в том, что фон основного сайта отличается от меню из-за этого видны рамки пунктов (ведь опере не закругляет углы без border), ну и с hover конечно же проблема. Мое решение: добавил дополнительный элемент с картинкой - закругленные уголки в цвет основного фона + position:absolute в результате чего картинка перекрывает все мои недочеты. help решение очень некрасивое, посоветуйте в каком направлении покопать чтобы решить на css без доп элементов html и картинок (без js и т.п.), буду очень признателен (IE 8+). Пример здесь Если раскомментируете стиль test, будет видно мое "решение". …

    Asked by Sedoj,

    0 votes
    5 answers

  25. Расположение блоков при блочной верстке

    Здравствуйте, коллеги! При блочной верстке я использую способ position: relative и указываю пиксели и тд. Иногда у меня получается все разместить как нужно. Однако, это не выход, к каждому блоки использовать position. Какими способами вы пользуетесь?

    Asked by Benya-a,

    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