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. Почему Visual Studio Code видит ошибку в атрибуте align="right" при теге <p></p>?

    Добрый день. Подскажите, пожалуйста, почему Visual Studio Code видит ошибку в атрибуте align="right" при теге <p></p>? Сам код работает, но слово align выделяется ярко-красным, что в VS code говорит об ошибке. <p> <p align="right"> 2014 </p>

    Asked by Arthur_Speransky,

    0 votes
    1 answer

  2. почему бг не стакается с верхним краем

    backgorund не стакается с верхним краем css body { background-color: #fff; margin: 0; } div.ferst{ height: 700px; width: 100%; background-position:21.5%; background:#0A0905 url(../img/IMGP4333.png)100% 100% no-repeat; } h1{ margin: 0; padding-left: 250px; padding-top: 59px; } html <!doctype html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <title>Whitesquare</title> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="stylesheet" href="wtf" type="text/css"> <!--[if lt IE 9]&…

    Asked by nikif,

    0 votes
    5 answers

  3. Почему блок выпал?

    Всем привет! Опытные верстальщики помогите разобраться, почему блок с таблицей опускается ниже всех остальных. Да и последний div тоже не на своем месте. Почему то немного опущен. http://cssdeck.com/labs/8madbvfx Никак не могу понять в чем дело. Спасибо!

    Asked by Antoshka007,

    0 votes
    8 answers

  4. Почему блок падает? Как это исправить?

    Здравствуйте! Первый плавующий блок имеет вложеную картинку шириной 200 пикселей. Второму плавающему блоку я задаю ширину 100%, и он спадает вниз.... а не пристыковывается к первому блоку. Подскажите пожалуйста как можно это исправить? Код: //**вот этот блок смещается вниз почему то...*//и стили: .1 { float: left; } .2 { float: left; width:100%; }

    Asked by makel,

    0 votes
    7 answers

  5. Почему блок плавает при изменении масштаба?

    внизу в футере там есть счетчик статистики, при изменении масштаба страницы он "плывет" как сделать, чтоб он был статичным и распологался к примеру справа в футере? пс: разобрался.. надо было вложить блок в футер, а не отдельно

    Asked by nikki4,

    0 votes
    0 answers

  6. Почему блочные элементы не обтекают float-блоки?

    Почему блочные элементы не обтекают float-блоки, а выводятся игнорируя их? И почему свойство clear не работает для строчных элементов? Т.е. если установить clear для строчного элемента, то он не перенесётся под float-блок?

    Asked by dump,

    0 votes
    1 answer

  7. Почему боковое меню не заезжает обратно?

    Здравствуйте. Вот такая проблема. Слайдер красиво выезжает, а при повторном клике просто пропадает. Как сделать так что бы он красиво выезжал и так же красиво заезжал?) https://jsbin.com/yuyawic/1/edit?html,css,js,output

    Asked by XopicT,

    0 votes
    2 answers

  8. Почему браузер пропускает правило css ?

    Страница http://shopst.ru/catalog/otoplenie-i-vodosnabzhenie/kotly-otopleniya/protherm/gazovyy-kotel-protherm-23-mtv-gepard/?dev=1&clear_cache=Y Файл стилей http://shopst.ru/bitrix/templates/capitalim2/template_styles.css?1403593016155960 Правило не срабатывает .item_info.card2 { background-color:#cccccc; } Вроде все корректно в css, netbeans не ругается ни на что. Почему-то фаерфокс и хром игнорируют это правило. Впервые с таким столкнулся и даже интересно в чем может быть причина?

    Asked by warobushek,

    0 votes
    4 answers

  9. Почему в <dt> нельзя запихнуть <h2>?

    вот мне нравится такая структура: <dl> <dt><h2>Управление опросом</h2></dt> <dd>Управление опросом — это сложная маркетинговая задача, которая влияет на опрос</dd> а валидатор ругается. А можно я так оставлю?

    Asked by Маленьке Звірятко,

    0 votes
    1 answer

  10. почему в explore подпрыгивает блок?

    Прошу помощи, никак не могу разобраться, все браюзеры окромя explore кажут нормально. Вторая узкая колонка с машинкой лезет вверх.

    Asked by andykud,

    0 votes
    8 answers

  11. Почему в IE третий блок получаеться снизу!?

    Почему в IE третий блок получаеться снизу!? Не могу понять что являеться причиной! Трехпиксельный баг IE- 6ого? - Да я б не сказал, потому что один процент равен 10 пикселям, а так как один процент я оставил свободным, то получаеться, что по-любому в запасе остается еще один пиксель даже если баг имеет место! Что же здесь его не устраивает? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <style type ="text/CSS"> * {margin: 0; padding: 0; border:0 } body {background-color:#00222a;} .leftDiv{margin:0 0 0 3%;}…

    Asked by WEB_bobby,

    0 votes
    10 answers

  12. Почему в IE6 не происходит обтекание

    Подскажите пожалуйста, почему в IE6 блок .two не обтекает блок .one, во всех остальных браузерах это происходит. Ссылка на пример <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> html,body{width:100%;height:100%;padding:0px;margin:0px;} #wrapper{background:#dedede;width:100%;height:100%;} .one{margin-left:20px;width:200px;background:red;float:left;} .two{width:300px;background:green;zoom:1;} .three{width:300px;background:yellow;zoo…

    Asked by W1nD,

    0 votes
    16 answers

  13. Почему в Opera невидно моих css стилей?

    Беда-открываю я знач страницу в опере стили котрые я писал и применял к шрифтам таблицам и т.п. НЕОТОБРАЖАЮТСЯ Что делать? p.s.в explorer вс? работатет хорошо, но надо чтобы и в опере было все хорошо... ПАМАГИТЕ плиз!

    Asked by kapnyxa,

    0 votes
    11 answers

  14. Почему в браузере Internet Explorer верхньое меню урезается.

    Все привет. В общем такая проблема. Сделал сайт, все вроде как нормально, все работает. Сайт делал с Мазилой. Когда зашел с Internet Explorer то ужаснулся - верхнее меню отображается не все. Справа оно как будто срезается и не видно две кнопки. Кто что скажет по этому поводу, как исправить этот бред? Заранее спасибо. Вот сайт: http://cyclovac.kiev.ua/

    Asked by gumuch,

    0 votes
    17 answers

  15. Почему в диве с определённой шириной широкие изображения автоматически не ужимаются?

    У меня есть див с шириной 500px. В нём есть широкое изображение, где-то 1000 px шириной. А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

    Asked by Serg55,

    0 votes
    10 answers

  16. Почему в карусели не работает событие мыши?

    И не работает если у карусели стоит значение loop: true, а если false то норм https://jsfiddle.net/hhnq8a26/21/

    Asked by aqua.77,

    0 votes
    1 answer

  17. Почему в классе не работает цвет шрифта ?

    Вот на картинке видно конфликт: цвет ссылок списка - черный, но у первой ссылки прописан класс firstli у которого цвет ссылок белый. Но почему-то не работает. Firebug показывает, что цвет перечеркнут. В чем проблема, что делаю неправильно ?

    Asked by kpripper,

    0 votes
    3 answers

  18. Почему в мобильной версии пропадают стили ссылок?

    http://www.vvd.su/aktsii/item/126-sdelaj-selfi-vyigraj-iphone сделал карту ссылок, что при наведении на ссылку в картинке выделяется ссылка. но при мобильно-планшетной версии (меньше 767пх)- стили с позициями ссылок исчезают. Почему это происходит? Впрочем всеравно, что поехало,в мобильной версии такие мелкие надписи на картинке и вовсе не видно. Я хотел ссылки подвинуть - а их #raz a:nth-of-type(1) совсем исчезли.

    Asked by nikki4,

    0 votes
    0 answers

  19. Почему в Мозиле не отображает шапку?

    Почему в Мозиле не отображает шапку? И не корректно отображается шаблон.тут

    Asked by Astoria,

    0 votes
    6 answers

  20. почему в опере не открывается картинка

    Подскажите, пожалуйста, почему в Explorer картинка видна, а в опере нет, тег следующий: <img src="имя файла.gif" width=260 height=116 border=0 alt="">

    Asked by katy,

    0 votes
    22 answers

  21. Почему в Опере так происзодит?

    Здравствуйте уважаемые форумчане, вот у меня код: <div id="body2"> <div id="blank"></div> <div id="header"><div id="title"></div></div> <img src="images/footer.gif" alt=""> <div id="left_column"> <div id="menu_up1"><b>Меню</b></div> <div id="menu1"> <div class="menu"> </div> </div> <br> <div id="menu_up2"><b>Остальное</b></div> <div id="menu2"> </div> </div> <div id="text">sdgsd</div> </div> <div id="footer">123</div> Почему надпись 123 центрируется по надписи sdgsd? Заранее спасибо. P.S. код …

    Asked by vvsh,

    0 votes
    8 answers

  22. почему в примере без BORDER: 1px плывут div из за margin-top

    <div top></div> <div wrap><div float:left></div><div float:right></div><div center></div></div> Хочу добиться именно float: left, right между ними резиновый блок. но если я делаю отступ margin-top (div center), то отступают все блоки, если поставить border или padding блоку (div wrap) то все отображается нормально. Какую роль в данном примере имеет border. Др. способы кроме float не предлагать, мне интересно почему так происходит . вот пример http://jsbin.com/mojujosijo/2/edit в css коментарии

    Asked by kirillgolodaev,

    0 votes
    1 answer

  23. Почему в разных браузерах, изображение находится в разных местах?

    http://jsfiddle.net/DYLtd/ в хроме так а в мозиле так

    Asked by DivMan,

    0 votes
    3 answers

  24. Почему в сафари блок с текстом не занял всю ширину

    http://azharova.ru/test/afisha_table.html# Версия браузера 5.1.7 Скрин с проблемкой - http://prntscr.com/3pxrio

    Asked by Anna Zharova,

    0 votes
    12 answers

  25. Почему в форме не работает тень внутрь?

    https://jsfiddle.net/Launder/Ly9mLfv4/1/ В 21 строчке CSS кода box-shadow: inset 0 1px 5px rgba(0,0,0,0.2);как только убираешь свойство inset (тень внутрь) тень (наружу) появляется. Как сделать тень внутрь?

    Asked by Launder,

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