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. HTML 5

    Приветствую уважаемые! Вроде в HTML 5 можно сделать вот так а именно под углом 45 градусов с права Заранее благодарен

    Asked by cry7777,

    0 votes
    5 answers

  2. HTML 5

    Ситуация в потоке у верстальщиков по итогам 2014 года в смысле внедрения HTML 5 в рабочие продукты. Какие конкретно из новых технологий HTML 5 на данный момент начали успешно внедрять? Успели ли убедить коллег, что это реально нужно и удобно? Как сложно было это сделать? Спасибо ...

    Asked by Shift-Web,

    0 votes
    11 answers

  3. html 5 range+number

    <form oninput="out2.value=parseInt(range2.value)+parseInt(number2.value)"> <p> <input type="range" name="range2"> <input type="number" name="number2"> <output name="out2" for="range2 number2 "></output> </p> </form> Если потянуть за ползунок range первым то вместо цифр выведется NaN, если же нажать на толе number - то все ок. Как исправить?

    Asked by Tikson,

    0 votes
    1 answer

  4. Html 5 вёрстка

    Здравствуйте! Хотел задать вопрос по поводу вёрстки заголовка страницы, точней по поводу элементов aside и header. Есть сайт, верхняя панель которого состоит из трёх разделов, приветствия, ссылок на регистрацию, и вход, и формы поиска. За который идёт блок с логотипом в виде фона и заголовком для сайта. Код: <aside> <p>Добро пожаловать, Гость</p> <p><a href="#" title="Регистрация">Регистрация</a><a href="#" title="Вход">Вход</a></p> <form action="#" method="POST"> <input type="text" name="search" value="Search"> <input type="submit" name="submit" value="Go"> </form&g…

    Asked by ksafan,

    0 votes
    0 answers

  5. HTML 5 верстка и футер в низу

    Собственно тема уже не раз поднималась но все таки есть не понятные моменты - а именно как это можно сделать без лишних блоков и абсолютного позиционирования? Пока сделал как приведено ниже, но хотелось бы чистый html5 код без лишних #wrapper и .clear HTML: <body> <div id="wrapper"> <!-- —————-- Header —————————-- !--> <header> <h1> Шапка страницы </h1> </header> <div id="content"> <section class="s1"> </section> </div> <div class="clear"></div> </div> <!-- —————-- Footer —————————-- !--> <footer> © </footer> </body> </html> CSS: @imp…

    Asked by lion-it,

    0 votes
    0 answers

  6. HTML 5 и отсутствие DTD

    Здравствуйте. У меня есть классы на PHP, которые генерируют HTML-код форм согласно правилам вот этого документа - xhtml1-transitional_dtd. В классах объявлены массивы описания атрибутов элементов, которые являются отражением вышеупомянутой спецификации: class Html_ElementInput extends Html_Element { public function __construct($type=null) { parent::__construct(); $this->attrs = array ( 'type' => array('text', 'password', 'checkbox', 'radio', 'submit', 'reset', 'file', 'hidden', 'image', 'button'), 'name' => 'CDATA', 'value' => 'CDATA', 'checked' => array('checked'), 'disabled' => array('disabled'), 'readonly' => array('re…

    Asked by phpist,

    0 votes
    0 answers

  7. HTML 5 на деле - шаблон интернет магазина

    Здравствуйте. У меня уже очень давно зреет вопрос, а теперь я решил переверстать несколько своих проектов с использованием html5 тегов. И задался я вопросом какие же теги из html5 стоит использовать в интернет-магазинах, по копав интернет, ничего конкретного я не нашел, а что нашел датировано 2010-2012 годами. Есть понятные вещи и некоторые я уже давно использую, например, тег <nav>, все меню сайта у меня находятся в этом теге. Тег <heder> и <footer> тоже не заставляет задуматься. Н на этом пожалуй и все….. Остальные теги вгоняют меня в мысли, нужны ли они или как их правильно использовать: Тег <article> - почитал в интернетах, вроде…

    Asked by Tipylja,

    0 votes
    1 answer

  8. HTML 5. Выбор стратегии...(JS? JQ?)

    Всем привет. Решил начать осваивать HTML 5(даже представления об этой теме не имею) и появились некоторые вопросы: 1) Есть ресурс: http://htmlbook.ru/html (в нём раздел: 'по типу') вопрос: Как понять какой элемент(HTML5) является строчным, какой блочным или строчно-блочным? (или же у этих элементов вообще нет таких характеристик? ) Буду благодарен если кто скинет адрес сервиса, в котором можно увидеть данные характеристики... 2) Cлышал, что без знаний Javascript в этой теме делать нечего.. вопрос: а)Так ли это на самом деле? б)Нужны ли в этом плане знания JQuery? (Могут ли они полностью компенсировать JS?) 3) Что можете посоветовать для облегчения изучения данного матер…

    Asked by Yamaradg,

    0 votes
    9 answers

  9. HTML 5.0

    Организация W3C публично представила черновик очередной, пятой версии языка гипертекстовой разметки HTML, который используется в веб-страницах. HTML 5 позволит веб-мастерам рисовать двухмерные изображения средствами языка, эффективнее вставлять на страницы аудио- и видеоклипы. Кроме того, HTML 5 позволяет разработчикам хранить данные на стороне клиента. Из новой версии языка предлагается убрать около 15 тегов. Предыдущая версия языка, HTML 4, вышла десять лет назад, в декабре 1997 года. Работа над HTML 5 ведется с марта 2007 года.

    Asked by Elendor,

    0 votes
    206 answers

  10. html css js

    Скажите какую программу лучше исползовать для HTML CSS JS. Visual studio? Для начинающих

    Asked by Leyla84,

    0 votes
    19 answers

  11. HTML CSS media запросы

    Всем привет! Делаю адаптивную версиб сайта (под мобилы), возникла проблемма. Основной CSS .wrapper { border:1px solid transparent; width:1280px; height:1043px; margin:0; background-color:transparent; } .header { border:1px solid #dce5f4; width:200px; height:43px; margin-top:-1045px; margin-left:49px; float:left; } .nav_header { border:1px solid #dce5f4; width:1054px; height:43px; margin-top:-1045px; margin-left:249px; ba…

    Asked by korozyan,

    0 votes
    12 answers

  12. HTML Error

    Сижу уже 30 минут не могу понять как поправить ошибку Валидатор ругается с текстом: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>title</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="/obj/styles/body.css" type="text/css"> <link rel="SHORTCUT ICON" href="/favicon.ico"> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <!-- Header --> <tr> <td> <table width="100%" border="0" …

    Asked by stars,

    0 votes
    3 answers

  13. html head body

    Всем привет. Я сегодня прочитал рекомендации от гугла по оформлению кода и там написано что эти теги html head body можно и не писать. Вы делаете так? Если их не писать все ли браузеры будут корректно показывать страничку, особенно мобильные? Писать или не писать?

    Asked by abcde,

    0 votes
    3 answers

  14. html include

    Всем доброго дня, я новечек в верстке и мне нужна помощь, возможно это уже обсуждали, но искать очень сложно. Собственно вопрос с include html по w3c. Метод всем известен, что бы вложить файл html в другой html, качаем или указываем на официальный файлик w3.js. И далее можно добавлять файлы html ввиде <div w3-include-html="header.html"></div> и все как бы подключается, но вот скрипты на javascript перестают работать. Не понимаю как решить проблему. К примеру я закидываю панель navigation.html в index.html. Соответственно в navidation.html скрипт на выпадающее меню, но он перестает работать. Я пытался этот скрипт вставить в index.html …

    Asked by Эльхан,

    0 votes
    0 answers

  15. html lang="ru"

    Ранее использовал в своих шаблонах следующие строчки ?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> и тд Теперь решил перейти на HTML5 и пока не нашел информации о том есть ли изменения в указаниях языка сайта <!DOCTYPE HTML> <html lang="ru" - ??> <head> Подскажите наиболее корректный вариант.

    Asked by cmndr_alexgreen,

    0 votes
    3 answers

  16. html Merge

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

    Asked by lorents,

    0 votes
    4 answers

  17. HTML Validation и амперсандты в ссылках

    Делаю сайт на HTML 4.01 Transitional. В документе есть ссылки с амперсандами: <a href="/index.php?a=1&b=2"> Валидотор ругается на эти амперсанды. Как быть? Это не дело валидотора смотреть строку ссылок. Это совсема не HTML! Хочется чтобы сайт был по всем правилам, а эти ссылки все портят. Можно что-нибудь сделать?

    Asked by hoho,

    0 votes
    2 answers

  18. HTML был 1000px в ширину стал 2000px. Как вернуть?

    HTML был 1000px в ширину стал 2000px. Как вернуть?

    Asked by russiaportugal,

    0 votes
    1 answer

  19. HTML в порядок

    Ребят, нужна помощь в редактировании простого хтмл кода с табличной вёрсткой. <table style="width: 100%; background: #a3a3a3;" border="0"><tr> <td><a href="http://fotki.yandex.ru/users/akayuki/"><img src="http://img-fotki.yandex.ru/get/5907/34248199.69/0_5cc95_583ee5ab_XXL.jpg" alt="" width="100%"></a></td> <td width="150px" style="float: right; padding-top: 30px;"><center><a href="http://blogs.yandex.ru/button/?id=7501666&type=rating"><img src="http://button.blogs.yandex.net/16/66/7501666-rating-white-male.gif" border="0" alt="Рейтинг блогов" width="80" height="15"></a> <img src="http://butto…

    Asked by Allarion,

    0 votes
    7 answers

  20. HTML в Ява скрипте

    Вот мне надо чтоб вот этот код <a href="сылка" ><img alt="news" border="0" src="картинка без навидения" onmouseover="this.src='картинка при навидении'" onmouseout="this.src='картинка без навидения'"></a> работал через ява-скрипт то есть через файл .js я пишу его так: document.write('<a href="ссылка" ><img alt="news" border="0" src="картинка без навидения" onmouseover="this.src='картинка при навидении'" onmouseout="this.src='картинка без навидения'"></a>'); но это не хляет помогите плиз просто мне надо написать через яву чтоб с экономить место в кодах или подскажите как это можно прописать через яву?

    Asked by Joko,

    0 votes
    11 answers

  21. html верстка

    Доброго времени суток уважаемые форумчане ! html версткой занимаюсь года пол, вроде бы всегда справлялся, ничего сложного.. Но сегодняшняя задача меня поставила в тупик. Мне нужно сделать эту страницу без проблем: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <style type="text/css"> html, body { width:100%; height:100%; } * { margin: 0; padding: 0; } </style> </head> <body> <div id = "1" style = "background-color:red; width: 100%; height: 100px;"></div> <…

    Asked by bloodVIRUS,

    0 votes
    5 answers

  22. Html верстка писем, где тестить? бесплатные сервисы?

    Всем привет, гуру верстки! Хотелось бы услышать мнение бывалых, кто собаку съел на верстке писем. Казалось, что сам косточки даже съел, ан нет. Возникла проблемка с версткой письма на iphone 7,везде где только не тестил, везде идеал, а тут как чирь на одном месте Поделитесь плиз, где можно потестить свою верстку на бесплатных каких сервисах? Если таковые есть у кого в загажничке, буду благодарен. P.s. любые советы приму в копилку, благодарю!

    Asked by KidBoy,

    0 votes
    1 answer

  23. HTML верстка сайта

    Возникли проблемы при верстке сайта http://good-stuff.at.ua Поставил bg верхний но не знаю как его приблизить к верху пробовал margin и padding Вот HTML : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <table> <tr> <td class="header" colspan="3"> HEader </td> </tr> <tr class="bind" align="cente"> <td class="bind-1"> <a href="ya.ru" /> </a> </td> <td class="bind-2"> </td> <td class="bind-3"> </td> </tr&g…

    Asked by albert20707,

    0 votes
    0 answers

  24. html внутри html, doctype внутри doctype

    Всем привет! У меня на сайте есть "каркас" в виде php-файла, а переключаемые страницы вложены внутрь него (при помощи php include). Вопрос: вложенным страницам можно приписывать <doctype>, <head> и <body>? Контекст: Недавно очень неожиданно человек, написавший для меня php, внезапно сообщил мне, что так делать нельзя. А у меня уже наверно есть повторяющиеся названия классов на разных станицах, и многие стили присвоены не классам, а элементам. Придется все переписывать, если хочу, чтобе все было красиво? Потому что по сути все и так работает, но если кто-нибудь потом будет дорабатывать/менять, то не хочется, чтобы меня проклинали на чем свет стоит. ил…

    Asked by forest_moss,

    0 votes
    2 answers

  25. html детранслитеризатор

    Здравствуйте, уважаемые господа! Столкнулся с проблемой того, что необходим детранслитеризатор, т.е.: в маленькое окошечко вводишь запрос транслитом, нажимаешь поиск, и после этого этот запрос отправляеться, например, в гугол( http://google.com/?q=[запрос] ), но только уже детранслированным. Очень прошу вас помочь... Мне это очень срочно нужно... Странная, конечно, на вид, проблема, но поймите... Заранее, очень благодарен! PS: Вот таблица транслита: а=a б=b в=v г=g д=d е=e ?=jo ж=zh з=z и=i й=ii к=k л=l м=m н=n о=o п=p р=r с=s т=t у=u ф=f х=kh ц=c ч=ch ш=sh щ=sha ъ='' ы=y ь=' э=je ю=ju я=ja

    Asked by Der.Schwarze,

    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