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. Почему background-color красит не только эл-т которому назначен, но и эл-ты поверх него?

    .down со свойством background-color красит надвинутый на него элемент .up__foot с картинкой, почему так происходит? вот код: HTML <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css" media="all" /> </head> <body> <div class="up"> <div class="wrap"> <div class="up__head"></div> <div class="up__foot"></div> </div> </div> <div class="down"> <div class="wrap"> <div class="footer"></div>…

    Asked by Atljh0987,

    0 votes
    5 answers

  2. Почему body перекрывает меню?

    Здравствуйте Почему-то тег body перекрывает верхнюю часть страницы и на ссылки меню нельзя нажать. Отчего так? Вот пример

    Asked by borus,

    0 votes
    5 answers

  3. Почему Bootstrap переносит айтем на следующую колонну

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

    Asked by Blend1n,

    0 votes
    3 answers

  4. Почему border делает отступ?

    Приветствую! Создаю свой первый сайт. Помогите пожалуйста понять и решить, почему при использовании атрибута border он делает отступ снизу от контента? Padding нигде не стоит в коде. Прикрепляю скрины как выглядит непонятный отступ и результат, который хочу достичь позже Мой код: HTML <main> <div class="menu text stroke"> <nav> <a href="./Playlists.html">PLAYLISTS</a> <a href="./LocalArtists.html">LOCAL ARTISTS</a> <a href="./Shop.html">SHOP</a> <a href="./Schedule.html">SCHEDULE</a> <a href="./About.html">ABOUT</a> …

    Asked by trvkyo,

    0 votes
    3 answers

  5. Почему border не отбражается в IE6?

    Привет. Вот поэтому адресу Sendlab.ru показано, как должно работать в Опере и IE6 и там сейчас порядок. Но нужно переверстать CSS файл и под IE6, что-то не хочет работать (Опера и IE7 работает), подскажите, что не так в коде CSS position: absolute; margin-top: 7px; margin-left: 230px; border: 1px solid #d1ddea; height: 160%; width: 80%; Спасибо за оказанное внимание.

    Asked by Alek7y7,

    0 votes
    1 answer

  6. Почему box-shadow не затеняет картинки?

    подскажите, в чем дело? www.road.media - при разворачивании каталога бренды машин не затеняются, а логотип сайта, например - да.

    Asked by d0ublezer0,

    0 votes
    0 answers

  7. Почему checkbox не проставляется?

    Здравствуйте! Дорабатываю форму, которая открывается по клику на кнопку "Заказ в 1 клик". Внизу разместил чекбокс. Скажите, пожалуйста, почему по клику по нему галочка не проставляется?

    Asked by borus,

    0 votes
    19 answers

  8. Почему DIV внутри DIV'а растягивается по ширине?

    http://jsfiddle.net/b7bDy/ Почему-то DIV внутри (с зеленым бордером) растягивается по ширине, а не прижимается к картинке вокруг. Почему так?

    Asked by GuitarFan,

    0 votes
    3 answers

  9. Почему div игнорирует div внутри него

    Пациент: http://imatte.ru/demo/map-page.html Сейчас выглядит вот так: Нужно сделать, чтобы выглядело вот так: Подскажите пожалуйста, что нужно сделать?

    Asked by posthack,

    0 votes
    2 answers

  10. Почему div не обтекает другой div при заданном float?

    Совсем недавно начал изучать html,css,поэтому если вопрос совсем простой - не бейте. В одном из уроков был показан вот такой макет: Мне захотелось его повторить с добавлением на пустое белое место еще одного блока.Что-то вроде такого http://jsfiddle.net/KmVv9/1/ - ну только в нормальном виде.Мне нужно чтобы div col2 обтекал полностью первые два блока,я думаю что решение кроется в том чтобы первая 2 блока:песочный и красный засунуть в еще один div и задать чтобы div col2 (розовый) обтекал его.Но у меня не получается - http://jsfiddle.net/KmVv9/3/ Пробовал у col2 убрать margin-left и поставить float:left,тоже бестолку. Как сделать грамотно то? Спасибо!

    Asked by Temik2704,

    0 votes
    4 answers

  11. Почему div не обтекает картинку?

    http://cssdeck.com/labs/mpc9og7p Почему div не обтекает картинку, я же float: left; задал? Почему рамка поднялась вверх, а текст остался внизу? Вот так должно выглядеть

    Asked by DivMan,

    0 votes
    3 answers

  12. Почему div не отображается в ИЕ?

    Помогите пожалуйста. Вот такое вот меню http://tri4.ax3.net/akado_ural/sub_akado-ural.html Вопрос: Почему в ИЕ7 <div class="white-line"></div> не отображается? Как это вылечить? Вопрос2: в ИЕ6 обработка ul:hover не работает?

    Asked by warobushek,

    0 votes
    5 answers

  13. Почему height: 0 ?

    есть div с элементами, но почему-то его высота равна 0, хотя я прописал height: auto , все элементы внутри div'a видны уже не первый раз стыкаюсь с этим, как это исправить? вот http://jsfiddle.net/gqxwY/ JS не выложил поэтому такой кривой

    Asked by T@NKIST,

    0 votes
    10 answers

  14. Почему IE 6+ не показывают маркеры нумерованного списка

    Перед постом как мог облазил все здешние форумы. Если пропустил похожую тему - не взыщите. Суть: для всего сайта сделан reset маркеров нумерованного списка, но в одном из списков маркеры понадобились. С их ввожу - list-style: inherit . Все браузеры начинают их показывать кроме IE. Рисет убирать - НЕЛЬЗЯ (это не обсуждается). Нельзя также изменять DOCTYPE и кодировку. Прошу помочь. <!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 http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Маркеры…

    Asked by mamadu,

    0 votes
    2 answers

  15. Почему IE9 ломает таблицу?

    Привет всем. Я никак не могу понять, почему у меня в корзине таблица со списком товаров "ломается" в IE? Съезжают ячейки и в коде как-будто еще одна таблица появляется. Код, формирующий таблицу, вызывается один раз (проверял). В FF, Хроме, Опере - всё хорошо, отрабатывают все скрипты и верстка не расползается. В консоли IE ошибок не замечено. Один раз в процессе отладки правда словил такое сообщение: Вот тестовый сайт, добавьте что угодно в корзину (без товаров она не покажется). Что я просмотрел?

    Asked by d0ublezer0,

    0 votes
    5 answers

  16. Почему Internet Explorer дописывает определение стиля в тег div

    Здравствуйте, объясните пожалуйста, почему IE дописывает определение стиля в тег div Вот так должно выглядеть: <div id="header_pic_world" class="header_pic_world_cl"> Но если отобразить при помощи инструмента разработчика, то получается это(причем только в Internet Explorer) <div class="header_pic_world_cl v08vnSVo78t4JfjH" id="header_pic_world" style="border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; background-image: none; background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: paddin…

    Asked by murgot,

    0 votes
    0 answers

  17. Почему label не растягивается?

    <div style="width: 200px; display: block; height: 50px; border: 1px solid black;"> <label style="width: 91px; height: 50px; background: url('http://t1.gstatic.com/images?q=tbn:ANd9GcRc_1-stUn1RKGtLH5VY0cUyjQrbxma1yaJo5lMIApDFqU4WAs');"> седан</label> </label> </div> http://jsfiddle.net/qaYcE/1/ Размер стоит один, а label все равно растягивается по контенту. Мне нужно чтобы размер был фиксирован или такой же, как у картинки. Хотя лучше вручную размер задать. Почему не работает width: 91px; height: 50px?

    Asked by GuitarFan,

    0 votes
    4 answers

  18. Почему li не отступает от картинки?

    Вот страница. Подскажите почему li находиться ближе к картинке нежели обычный текст. Пробовал margin и padding - не помогло.

    Asked by smirn0ff,

    0 votes
    2 answers

  19. Почему Live preview в Brackets прыгает?

    Как вы боретесь с прыганием страницы/скролла при редактировании css в brackets? Пример

    Asked by EaGames,

    0 votes
    0 answers

  20. Почему Mazila Firefox себя так вед?т?

    Почему при нажатии ctrl+F5 вс? съезжает вниз? А при прастом обнавлении (F5) вс? становится на сва? место... ((( Вот ссылка на страницу с глюкам http://podguzniki.su/pochemu_luchshe/

    Asked by antonP,

    0 votes
    9 answers

  21. Почему min-height от min-height не работает?

    А почему min-height от min-height не работает? https://jsfiddle.net/Launder/w092L3qL/ если в #level1 вместо height поставить min-height, то браузер не сможет подсчитать размер для #level2 И как же быть, если нам нужно сделать именно растягивающийся блок, минимальный размер которого задан в %?

    Asked by Launder,

    0 votes
    3 answers

  22. Почему Mozilla FireFox отображает шрифты шире чем все остальные браузеры

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

    Asked by Special One,

    0 votes
    5 answers

  23. Почему Opera так себя вед?т?

    Вот так: В ИЕ и FireFox вс? нормально. Вот код: <div style="border: solid 1px #C0C0C0; margin: 5px; cursor: hand; float: left;" onclick="java script:win('../gallery/imageLibrary/file.jpg','win','w','h');" onmouseover="this.style.borderColor='#AF2D2D';" onmouseout="this.style.borderColor='#C0C0C0';"> <table cellpadding="0" cellspacing="0"><tr><td style="vertical-align: middle; height: 88px;"> <img src="../gallery/imageLibrary/file_tb.jpg" alt="" style="margin: 5px;" /> </td></tr></table> </div> Причем помечанные фотографии при любом их местоположении отображаются нормально...

    Asked by gizmomy,

    0 votes
    17 answers

  24. Почему padding вокруг текста в разных браузерах ведет себя по-разному

    .one { padding: 0.3em; } <span class="one">Hello, everyone</span> Почему в разных браузерах по-разному рисуется плашка (верхний отступ скачет)? И как сделать, чтобы она располагалась, как в Safari (центр по строчным буквам, а не прописным)?

    Asked by Artem Narushevich,

    0 votes
    1 answer

  25. Почему padding не работает?

    Я в сайтостроении новичок, та что сильно не пинайте. Вобщем есть HTML <!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> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <div id="wrapper"> <!-- top_header --> <div id="t_header"> <div id="t_header_middle"> <p>Левый текст| E-mail: <a href="mailto:xxxxx@mail.ru" title="Написать нам письмо">xxxxx@mail.ru<…

    Asked by Vensdale,

    0 votes
    6 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