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. Как правильно изменять ширину div?

    При добавлении новых пунктов меню, форма поиска должна постепенно уменьшается, как на картинке, при слишком большом кол-ве я уже сверну менюшку , как в бутстрапе при малом разрешении будет. Проблема лишь в том что я не могу "догнать" даже в теории как оно должно будет выглядеть, просто подскажите на теории, как такое можно реализовать, спасибо =)

    Asked by fikret,

    0 votes
    5 answers

  2. Как правильно использовать Border в 960 Grid System?

    Здравствуйте. Пытаюсь разобраться с CSS фреймворком 960 Grid System. Столкнулся с проблемой заданием границ блокам. Дело в том, что когда я выставляю border равный 1 пикселю блок уезжает под другой т.е два блока получаются больше 940px. Как с этим быть? Вообще, появилась идея задавать для каждого блока, у которого будет padding или border ширину отдельно с помощью ID. Т.е. ширина блока будет пересчитана, так как ID имеет более высокий приоритет по сравнению с сlass. Но является ли такая техника верной при использовании 960 Grid System?

    Asked by TraiDeR,

    0 votes
    2 answers

  3. Как правильно использовать тег <img> и p:first-letter

    Проблема в том если писать 1. <p><img> текст</p> то стиль p:first-letter не работает (не отображается в браузере). Если писать так: 2. <p><img></p> <p>текст</p> или 3. <img> <p>текст</p> То свойство p:first-letter отлично отображается: Но правильны ли последние 2 варианта с точки HTML? и СЕО для самих картинок.

    Asked by Vitaliy S,

    0 votes
    4 answers

  4. Как правильно использовать хаки

    Привет всем помогите разобраться как использовать хаки для борьбы против кроссбраузерного отображения, а точнее как их правильно прописывать для Mozilla Firefox у меня вот какая проблема расстояние от одной (ячейки) до другой смотреться нормально в Opere и Explorer вс? одинакова, а вот в Firefox не как не получается чтобы расстояние между палями было, как я хотел margin-left:3px; margin-top:5px; margin-right:3px; В Firefox у меня в с? это смотрится нормально как я хотел, толка когда прописано margin-left:7px; margin-top:5px; margin-right:7px; а в Opere и Explorer вс? с езжает подскажите пожалуйста что делать. Я читал, что есть специальный хаки для браузеров так вот воп…

    Asked by СSS,

    0 votes
    3 answers

  5. Как правильно называть блоки при верстке?

    Подскажите как правильно называть блоки при верстке, есть ли какие то стандарты?

    Asked by Sergey410,

    0 votes
    11 answers

  6. Как правильно написать анкор на картинку

    Доброго времени суток дорогие друзья. И так столкнулся с проблемой., или же это я страдаю ерундой. Но хотелось бы добавить анкор на превьюшку картинки. Смотрим кусок кода <div class="galleryItem"> <a class="fancybox" href="photo/b/1.jpg" data-fancybox-group="gallery"><img src="photo/m/m1.jpg" alt="Студийная фотосъемка" /></a> </div> Грубо говоря это превьюшка работающая на fancybox, а выглядит вот так. Но когда добавляю анкор ...мка" />Студийная фотосъемка</a></div> Анкор появляется, и все бы ничего, но он виден. А хотелось бы что-бы видели его только роботы а люди не видели. Такое возможно?

    Asked by Jeak,

    0 votes
    2 answers

  7. как правильно написать шапку сайта

    Помогите правильно написать шапку сайта, столкнулся с проблемой что шапка идет в 2 строчки а не в одну. вот текст <html> <body> <style> .heade { background-image:url(img/headcenter.jpg); width:100%; } </style> <p>Шапка) <div class="heade"> <img alt="" src="img/headleft.gif"> <img alt="" src="img/headright.gif" style="float: right;"> </div> </body> </html>

    Asked by SID,

    0 votes
    10 answers

  8. Как правильно написать?

    Здравствуйте друзья, как мне написать такое C value=A value +B value? <input type="text" size="40" name="email"><input type="text" size="40" name="phone"> <input type="hidden" size="40" name="comment" value="">

    Asked by Serkar,

    0 votes
    5 answers

  9. Как правильно нарезать

    Подскажите пожалуйста, как правильно нарезать и сверстать такой дизайн (интересуют основные моменты - бэкграунд, узоры) : www.erges.com/main7.jpg Особенно волнует логотип с тенями. Стоит ли вообще возиться с этими тенями, или вс? равно коряво будет?

    Asked by vip,

    0 votes
    7 answers

  10. Как правильно обернуть картинку в ссылку?

    Здравствуйте, граждане! В html5 я столкнулся со следующей проблемой. Оборачивая <img /> в теги <a></a>, у меня под картинкой появляется щель шириной ~3,5px. Кто-то с этим сталкивался? Код следующий: <!DOCTYPE html> <html lang="ru"> <head> <title></title> </head> <body> <div style="border: 1px solid black;"> <a href="#"> <img src="img1.jpg" /> </a> </div> </body> </html> Скриншот результата: https://yadi.sk/i/EWNxjZQ4qhtAp Кроме того, результат одинаков как для браузера Opera, так и для ЯндексБраузера.

    Asked by PeterGreat,

    0 votes
    2 answers

  11. Как правильно обнулять отступы перед началом верстки?

    Пару раз видел на форуме подобные темы, решил наконец разобраться! Раньше делал * {margin: 0px; padding: 0px;} обьясните плз чайнику почему так делать нельзя! (не считая того что это не валидно), и как нужно правильно? спасибо

    Asked by TonKhaO,

    0 votes
    8 answers

  12. Как правильно объединить картинку и текст в одну ссылку?

    Здравствуйте. Мой вариант: <a href... class="my"> <img ... > <span>Текст ссылки</span> </a> где .my{ display:block; align:center; } чтобы картинка и текст были отцентрированы Это будет правильно?

    Asked by borus,

    0 votes
    8 answers

  13. Как правильно определить разрешения экрана

    Замучился с адаптивным дизайном. Наконец-то понял почему разрешение на мобильных устройствах занижается. Вот тут хорошая статья http://programador.ru/dp/ Вот нашел скрипт, но он определяет "devicePixelRatio" - это для ретины, да и не работает он, на мобилке сайт зависает при загрузке - просто белый фон и делает вид что что-то грузит <script>$(function() {if (window.devicePixelRatio !== 1) { var dpt = window.devicePixelRatio; var widthM = window.screen.width * dpt; var widthH = window.screen.height * dpt; document.write('<meta name="viewport" content="width=' + widthM+ ', height=' + widthH + '">');}}) </script>Скажите пожалуйста, как можно переделат…

    Asked by alleclf,

    0 votes
    20 answers

  14. Как правильно переделать статичную верстку под адаптивную?

    Для гугла и заодно людей с маленькими мобильными надо сделать адаптивную верстку. Почитал, что надо пользоваться media-query, например: @media only screen and (max-device-width:480px), only screen and (-webkit-min-device-pixel-ratio: 2)и так под разные устройства чтоб подгружались свои стили Однако столкнулся с тем, что когда я делал статичный макет - все отступы, линии, шрифты, все прописал в px под экраны от 800px чтобы удобно. Правильно ли я понимаю, что надо теперь все перевести в проценты, чтоб все было относительно? чтобы не копировать целиком css файлы, а потом опять по пиксельно замерять для каждого устройстваЮ а только 1 раз изменить в % , а потом уже менять т…

    Asked by nikki4,

    0 votes
    1 answer

  15. Как правильно подбирать цвета и шрифты?

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

    Asked by XAHTEP26,

    0 votes
    9 answers

  16. Как правильно подбирать шрифт?

    Подскажите как правильно подбирать шрифт при верстке?

    Asked by Sergey410,

    0 votes
    1 answer

  17. Как правильно подключить свой шрифт

    У меня сайт с 5 поддоменами. На всё одни стили, картинки и шрифты. На главном сайте свой шрифт отображается нормально, на поддоменах почему-то намного большего размера. Если уменьшить его размер, на поддоменах получится нормальный а на главном домене сильно маленький. Такое ощущение что он этот шрифт как-то криво подгружает. Шрифт подключаю вот так: /* Fonts */@font-face { font-family: 'aparajivvo'; src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot'); src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot?#iefix') format('embedded-opentype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvor.woff') format('woff'), …

    Asked by alleclf,

    0 votes
    3 answers

  18. как правильно подобрать доктайп

    Прогнал через валидатор на w3.org выдал одно предупреждение: Notes and Potential Issues The following notes and warnings highlight missing or conflicting information which caused the validator to perform some guesswork prior to validation. If the guess or fallback is incorrect, it could make validation results entirely incoherent. It is highly recommended to check these potential issues, and, if necessary, fix them and re-validate the document. 1. Warning Mismatch between Public and System identifiers in the DOCTYPE declaration This document uses an inconsistent DOCTYPE declaration. The Public Identifier -//W3C//DTD XHTML 1.0 Transitional//EN declares the X…

    Asked by sc@r@bey,

    0 votes
    5 answers

  19. как правильно позиционировать фото

    Добрый день ! есть сайт http://front-end.zz.mu/example/на котором должно выглидеть так как на фото а он у меня разваливается можете подсказать что я сделал не так ?

    Asked by pitbuli,

    0 votes
    1 answer

  20. Как правильно пользоваться тегом <input type="file"> ?

    Добрый день. мне нужно передать файл в функцию. Файл выбирается с помощью формы. <form enctype="multipart/form-data" method="post"> <input type="file" name="table"> <input type="submit" value="Отправить"></form><pre><?print_r($_POST);?></pre>После того, как я выбрал файл и отправил форму, массив POST пустой. Если отсылать форму методом GET, то <?print_r($_GET);?> выводит Array ( [table] => myfile.txt ) Получается, что кроме имени файла ничего не передается. А как получить содержимое выбранного файла?

    Asked by Koroed,

    0 votes
    2 answers

  21. Как правильно поставить картинку в полную страницу.

    У меня имеется картинка с белым фоном, хотел поставить её в полный размер страница по процентам, дабы объект этой картинки был в центре, но как только выставляю значение в свойстве CSS "background-size: 100%;", весь фон становится белым. Приведите правильный пример как вообще сделать всё правильно, и желательно, так же на картинке с белым фоном и центральным объектом.

    Asked by ErUnDAK,

    0 votes
    2 answers

  22. Как правильно поставить тег leech

    У меня кнопка сделана: <div class="button1" align="center"><a href="http://domen.ru/">Текст кнопки</a></div> Подскажите как правильно поставить тег leech, что бы скрыть ссылку. спасибо

    Asked by Tsilya,

    0 votes
    11 answers

  23. Как правильно применить стиль к li class X ul class Y?

    Нужно расширить подменю 2, но чтобы 1 осталось как есть но я путаюсь в уровнях вложенности , пробовал так, но не работает .item-3 deeper parent .mega-menu { }т.е. нужно изменить стиль к "мега-меню" , которое расположено в li с классом item-3 deeper parent при этом чтобы мега-меню li другого пункта не задело Вот пример <li class="item-1 deeper parent"><a class="separator" href="#">Меню 1</a> <ul class="mega-menu" style="width: 307px;"><li class="item-2 deeper parent" style="width: 500px;"><a class="separator" href="#">Пунт меню 1</a> <li class="item-3 deeper parent"><a class="separator" href="#">Меню 2</a&…

    Asked by nikki4,

    0 votes
    3 answers

  24. Как правильно применять единици измерения при верстке сайта?

    Здравствуйте! Объясните пожалуйста как правильно применять едидици измерения при верстке, чтоб например шрифт отображался одинаково во всех браузерах и на разных разрешениях экрана? Как и когда правильно применять EM, PX, % ? Слышал что профессионалы используют EM но не могу понять как, по идее % и EM это одно и то же.

    Asked by Jaguar,

    0 votes
    6 answers

  25. Как правильно прописать "selection" ?

    Решил вот поменять цвет выделения на сайте - добавил в css. файл строку ::selection { background: #1BBADF; color: #FFFFFF; } ::-moz-selection { background: #1BBADF; color: #FFFFFF; } Текст выделяется как положено, но при валидации возникла ошибка Предупреждение: Неизвестный псевдокласс или псевдоэлемент «selection». Правило проигнорировано из-за плохого селектора. Что делаю не так подскажите пожалуйста?

    Asked by Freeman Liberty,

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