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. Почему не работает вертикальное центрирование через line-height?

    Доброе утро, здравствуйте. Тут http://learn.javascript.ru/css-center нашел рекомендацию для центрирования одной строки, когда line-height надо сделать равным height блока. Применил этот принцип на разрабатываемом сайте к блоку c id = "baner2". Результата в выравнивании логотипа нет. Из-за того, что это не текст?

    Asked by borus,

    0 votes
    1 answer

  2. Почему не работает внутреняя тень картинок?css:inset

    На изображении работает тень box-shadow но не работает inset внутрення тень,точнее работает если добавить padding но это внутреняя тень не в изображении уже... Собственно хотелось бы увидеть простейший пример внутренней тени на изображении. З.Ы.можете не писать банальные box-shadow:inset 0 0 10px; так как все это не работает и что я не пробую всеравно не отображается внутреняя тень((

    Asked by pudge,

    0 votes
    2 answers

  3. Почему не работает код?

    <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div class="img"> .img { background: url("images/1.png") no-repeat; height: 100px; width: 100px; } .img:hover { background: url("images/2.png") no-repeat; height: 100px; width: 100px; } </div> </body> </html>

    Asked by tR1umf,

    0 votes
    4 answers

  4. Почему не работает меню

    Вот HTML: <div id="cn-menu"> <div id="cn-menu-bg"> <ul> <li><a href="#main" class="main">Home</a></li> <li><a href="#foto" class="foto">foto</a></li> <li><a href="#menu" class="menu">menu</a></li> <li><a href="#music" class="music">music</a></li> <li><a href="#interier" class="interier">interier</a></li> <li><a href="#reserv" class="reserv">reserv</a></li> <li><a href="#contact" class="contact">contact</a></li> </ul> </div> </div> И C…

    Asked by oke11o,

    0 votes
    2 answers

  5. Почему не работает наследственность в css

    Привет! Дорогие коллеги, помогите, пожалуйста, новичку Есть код: <html lang="ru"> <head> <meta charset="UTF-8"> <title>Каждому мамонту — по лыжне!</title> <link rel="stylesheet" href="exmp.css"> </head> <body> <h1>Пишется?</h1> <p> <div class="class"> <div class="class2"> <span class="class3"> <s>Надпись!</s> </span> </div> </div> </p> <h2>Как-то так</h2> </body> </html> …

    Asked by alek.xiv,

    0 votes
    2 answers

  6. Почему не работает псевдокласс

    <input name="search" type="text" placeholder="Поиск..."> input:after{ content: ""; display: block; width: 20px; height: 10px; background: black; margin: 20px 0; } Не понимаю должен блок появляться https://jsfiddle.net/gnzrnko8/

    Asked by aqua.77,

    0 votes
    5 answers

  7. почему не работает псевдоэлемент ::section

    http://cssdeck.com/labs/hay2h0yp

    Asked by DivMan,

    0 votes
    2 answers

  8. Почему не работает слайдер?

    Слайдер взял отсюда http://responsiveslides.com/ Попробовал и почему он не работает? http://cssdeck.com/labs/xl43yhet

    Asked by DivMan,

    0 votes
    3 answers

  9. Почему не работает стиль по id

    Вот код http://jsfiddle.net/M6XV2/ Подскажите, пожалуйста, почему не работает стиль по id="asd". Заранее признательный за ответ.

    Asked by Bizon4ik,

    0 votes
    2 answers

  10. Почему не работает шрифт ?

    Вот к этому блоку прописан шрифт, но он почему-то не работает. То есть работает частично (см.картинку). Почему так случилось ?

    Asked by kpripper,

    0 votes
    1 answer

  11. Почему не работают padding по вертикали для inline?

    https://jsfiddle.net/k8ucnm0s/2/ Если для тега "a" задать display: block; то вертикальные padding работают, а если display:inline то не работают. Почему? А горизонтальные padding работают полюбому?

    Asked by torsar,

    0 votes
    1 answer

  12. Почему не растягивается div

    Добырй день! Я начинающий, потому не судите строго Не могу понять, почему div, в котором расположен еще div, имеет высотку 0 пикселей? Как его растянуть? Просто я хочу изображение на задний фон сделать, а оно не отражается, как я понял, как раз потому что высота div = 0. кусок index.tpl <body>......... <!-- Шапка (The End)--> <!-- Вся страница --> <div id="main"> <!-- Основная часть --> <div id="content"> {include file='slider.tpl'} {$content} </div> <!-- Основная часть (The End) --> </div> <!-- Вся страница (The …

    Asked by Aidyn,

    0 votes
    3 answers

  13. Почему не рекомендуется использовать идентификаторы?

    Доброго всем времени суток! В последнее время все чаще слышу (в основном, на Хабре), что оформлять элементы следует только с помощью классов, но никак не с помощью идентификаторов. Учился я основам верстки давно, во всех книжках тогда предлагалось верстать так: если одинаковых элементов более одного, то используем класс. Если один на страницу - id. В связи с чем такие изменения в сознании?

    Asked by FRUTALITY,

    0 votes
    5 answers

  14. Почему не скроллится страница?

    Здравствуйте! Столкнулся с тем, что страницы сайта не скроллятся колёсиком мышки вверх-вниз. Как понять, от чего это?

    Asked by borus,

    0 votes
    1 answer

  15. Почему не смещается текст?

    Здравствуйте. Пытаюсь сдвинуть текст вниз относительно исходной позиции. Значение bottom для vertical-align работает, но слишком занижает, надо некое промежуточное положение по вертикали, Пытаюсь процентами задать вот так: .moduletable_cats>h3{ background:url('../images/cat_header_small.jpg') no-repeat center bottom; height:34px; width:238px; padding-left:7px; color:white; margin-bottom:0; display:table-cell; vertical-align: -30%; } и +30% пробовал. никак. Что не учитываю? Благодарю

    Asked by borus,

    0 votes
    9 answers

  16. Почему не ставится height:auto и не видно новые блоки?

    Я ооочень начинающий верстальщик и html знаю плохо, в общем проблема вот в чем: на сайте если поставить блоку #contentwrp height:auto, то его просто не видно, а так же если делать какой-то текст/другие блоки на этом самом #contentwrp их тоже не видно. Я уверен что проблема очень проста и я туплю, поэтому, я вас очень прошу, подскажите, пожалуйста, я только учусь.

    Asked by GreenAurora,

    0 votes
    1 answer

  17. Почему не центрируется блок?

    Вот есть каталог электропечек для бани, со следующими стилями: .elpechi - стиль тела этой страницы, чтобы не применялось к другим аналогичным .marg - блок с каталогом печей .cat_row - блок с рядами (компонент разбивает товары по рядам) .floatleft - блок карточки товара со своими стилями. задача - отцентрировать. поидее это делается так, но не работает: .elpechi .marg .cat_row {margin:0 auto;}пробовал так: .elpechi .marg {margin:0 auto;}тоже не центрирует. текущие стили: .cat_row { float: left;}.elpechi .marg .cat_row .floatleft { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 5px #c2c0c0; …

    Asked by nikki4,

    0 votes
    2 answers

  18. Почему некорректно отображается и UTF-8 и ANSI ?

    http://surgeryzone.net/db2.php http://surgeryzone.net/db3.php абракадабра в обоих.

    Asked by kpripper,

    0 votes
    1 answer

  19. Почему некорректно отображаются иконки

    Решил анимировать иконки, нашел пример в интернете, скопировал в Safari Версия 11.0.2 (13604.4.7.1.3), в мобильных Safari и Chrome все отображается отлично но почему-то иконки неправильно отображаются в Chrome Mac (Версия 63.0.3239.132 (Официальная сборка), (64 бит), Chrmoe Windows и Edge - на переднем плане анимированный градиент, а на заднем иконка пример кода пример того как должна выглядеть анимированная иконка во вложении Screen Capture 2018-01-10 06.49.14.mov

    Asked by Ospna,

    1 vote
    0 answers

  20. Почему нельзя копировать содержимое с jsFiddle в опере?

    Собственно почему?Вот обычный код http://jsfiddle.net/3Lw38/1/ ,почему я выделяю нужные участки кода нормально но немогу копировать их?Не контрлЦ не ПКМ по выделеному.

    Asked by pudge,

    0 votes
    2 answers

  21. Почему нельзя переправить свойство через класс, если оно задано для всех элементов?

    Проблема такая, для всех div задано свойство рамки, то есть вот так без никаких классов div {border: 1px solid #000;}. Однако в коде есть такие дивы, которым рамка не нужна и этих дивов подавляющее меньшинство. Между тем, когда им пишешь border: none, ноль реакции. Как я понимаю, это происходит из-за того, что рамка задана для всех div глобально. Это можно как-то обойти, потому что иначе придётся писать уйму ненужных строк, чтобы ввести классы, где нужна рамка? А так как их большинство, то код увеличится на немалое количество строк типа class="див с рамкой". А между тем, зачем это делать, если можно только пару раз указать, где рамка не нужна. Или при глобально заданной р…

    Asked by thekap,

    0 votes
    1 answer

  22. Почему область не кликабельная?

    Подскажите пожалуйста, как сделать чтобы была область всего каркаса кнопки кликабельной, а не только самой ссылки как это например сейчас? https://jsfiddle.net/jrweq0hm/

    Asked by viliksar,

    0 votes
    1 answer

  23. Почему один и тот же шрифт разный?

    Допустим есть сайт: http://www.adme.ru/tipografika/25-krutyh-sajtov-s-besplatnymi-shriftami-449555/ На котором якобы используется Тахома 14 Вот я сделал тоже самое http://jsfiddle.net/vJjM6/ Но как видно, шрифты отличаются. В первом случае он кажется тоньше и немного красивее. Почему так? Я что-то не дописал? Сам всегда пользуюсь Тахомой, но раньше не замечал.

    Asked by GuitarFan,

    0 votes
    1 answer

  24. Почему один стиль главнее другого?

    Здравствуйте. Вот страница. Внизу страницы есть бар с рекламой, имеющей класс dorusbar. Через layout.css в самом конце файла пытаюсь задать правое расположение этому значку с помощью стиля .dorusbar { float:right !important; } Если убрать !important, то стиль этого же файла #footer div { float: left; font-size: 0.8em; line-height: 1.7em; } не позволяет сместить иконку вправо, хотя и находится выше по файлу. Отчего так?

    Asked by borus,

    0 votes
    4 answers

  25. Почему один стиль таблицы переобпределяет другой?

    Почему такое происходит?? http://cssdeck.com/labs/oylyzxcb Для каждого блока, содержащего таблицу, прописаны стили для этих таблиц, но почему то стиль для второй таблицы переопределяет стиль первой, хотя она даже не в том блоке! (у верхней шрифт должен выравниваться по центру, но выравнивается по левому блоку, согласно стилям для второй таблицы) Почему так получается?!

    Asked by Vasler,

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