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. Чёртов <!DOCTYPE> всё портит!

    Сверстал себе обычную, ничем не примечательную страничку. В ней есть таблица. Для этой таблицы выставлено CSS-свойство: height: 100%;То есть, высота таблицы выставлена "на полную мощность" - на всю высоту документа. Вся эта благодать работает ровно до того момента, как я добавляю в начало документа тег: <!DOCTYPE HTML>который просто-напросто обрезает мне высоту таблицы до высоты содержимого. И теперь, чтобы изменить высоту таблицы, я должен объявлять её абсолютными величинами (в пикселах, дюймах, метрах или километрах – как угодно, но уже не в процентах). Объясните мне, пожалуйста, что происходит?

    Asked by parzhitsky,

    0 votes
    1 answer

  2. Ограничение размера текста в div

    Как сделать, чтобы в конце невлезающего текста ставилось многоточие? На сайте написано, что для этого блок должен иметь overflow: auto, scroll или hidden. Но почему тогда не работает этот пример? http://jsfiddle.net/waegtL15/

    Asked by saltukkos,

    0 votes
    1 answer

  3. Слои

    Здравствуйте,помогите пожалуйста,первый раз в жизни делаю верстку,проблема походу в слоях. Сильно не пинайте и заранее спасибо за помощь Вот что выходит: http://hostingkartinok.com/show-image.php?id=f993c383fdaf9dd34c41945e311207ac Сам код <html> <head> <title>Дизайн сайта</title> <link href="css/style.css" rel="stylesheet"> </head> <body> <header class="contener"> <div class="logo"> </div> <nav> <a href="#">Categories</a> <a href="#">Top Pro</a> <a href="#">Carts</a> </nav> <div class="koks"> </div> </head…

    Asked by Fakeya,

    0 votes
    1 answer

  4. Не могу расшифровать документ txt

    Доброго времени суток. Нужна помощь, не могу расшифровать данный текст в формате txt: <html><head><meta http-equiv="expires" content="0"><meta http-equiv="imagetoolbar" content="no"><title>Лабораторная работа №1. Упр. 5</title></head><!-- var h="yNc5\"iE&!J%OWv дhjtgь0<=)d;цfM1ЯuwD:3xlSB-pseUrn|kД.2z/qa4>mboIT(?",j="",d=66,o="";function u(i){var e="",m,z,b,r;for(m=0;m<i.length;m++){z=i.charAt(m);b=h.indexOf(z);if(b>-1){r=((b+1)%d-1);if(r<=0){r+=d}e+=h.charAt(r-1)}else{e+=z}}j+=e}u("=e5nEsgдS4|ьw4ьU)i%4 4B5nEsgiдgNsU)igUlgqt4 4e5nEsgim=Jpp\r\nMw|5gEI|дtД?d{4SUng?w|Ue54sU?i(jEeдMw|5gEI|дEeд|Igд4 4ES4oSU2iddцnU…

    Asked by Alex001,

    0 votes
    1 answer

  5. проблема в блочном элементе как ссылке

    Есть блок ссылка, всё работает, но ни как не удаётся поместить текст ссылки в правый нижний угол. <html> <head> <meta charset="utf-8"> <title>блок-ссылка</title> <style> #projects { width: 300px; height: 200px; background: #0f0; } #projects a { display: block; text-decoration:none; text-align: right; height: 100%; color: #666; } #projects a:hover { background: #00f; } </style> </head> <body> <div id="projects"> <a href="1.html">текст ссылки</a> </div> </body> </html>

    Asked by skv_stels,

    0 votes
    1 answer

  6. Заголовок поста

    У меня есть сверстанный блок Но при его увеличении и когда я открываю в мозилле, вот что происходит: Как быть? На всякий случай, код с css /*Content*/#content .post { width: 460px; padding: 0 15px 0 5px; float: left;}.square { margin: 4px 4px 0 0;}.phead { margin-bottom: 15px;}.phead h3 { display: inline-block; margin:0; }.phead h3 a { text-decoration: none; text-transform: uppercase; color: #7E7E7E; font-family: Oswald, Tahoma, sans-serif; }.lines {display: inline-block;}.post img { float: left;} .entry { text-align: justify;}.entry img { margin-right: 8px;}

    Asked by amalia,

    0 votes
    1 answer

  7. Open Graph и абракадабра

    Ребят, возникла проблема. Разметил страницу опен графом, кодировка utf8, в .htaccess также отметил utf8. В браузерах всё отображается нормально. Но стоит вставить ссылку в какую-нибудь соц сеть, как та выводит вместо кириллицы абракадабру... Что это может быть? В интернете о такой проблеме вообще нет инфы

    Asked by Yahoo!,

    0 votes
    1 answer

  8. Смещение текста в разметке

    Здравствуйте! Начал писать сайт в PHP дизайнере и столкнулся с такой проблемой. При настройке стилей css с блоками div. Запускал в Explorer все нормально. В Опера смещается вниз текст. Рассматривал в инете, не получилось. Заранее спасибо. https://yadi.sk/i/v6gfCIPLd48vA https://yadi.sk/i/JT3U6p5Jd48vC

    Asked by azamatomus,

    0 votes
    1 answer

  9. В браузере Safari возникает проблема с участком сайта

    Есть сайт в html Только в браузере Safari возникает проблема - не отображается встроенный код формы заполнения контактов. Хотелось бы понять в чём проблема и как она решается. HTML : <script type="text/javascript" src="http://form.jotformeu.com/jsform/43288390138359"></script>

    Asked by Orhydeya,

    0 votes
    1 answer

  10. Слои слайдера

    http://barab.esy.es/ Сайт. На нем слайдер. На слайдере есть фон (да, он есть, видно если убрать изображения), есть стрелки. Но почему-то стрелки и фон отображаются только на половину слайдера, если возвести их позицию в абсолют. оО Нижняя половина утопает в небытие. Кто может подсказать, как вернуть вторую половину картинок из бездны? Слайдер - Coin Slider. Сам не знаю, куда подлезть.

    Asked by TheZimbabve,

    0 votes
    1 answer

  11. Верстка. Правая колонка уехала вниз

    Подскажите в чем может быть проблема. Перечитал код 100 раз. Но в браузере отоброжается так : все нормально - а правая колонка уехала в низ. Спасибо за помощь. <html> <head> <title>Верстка</title> <style type="text/css"> div#block {width:1000px; margin: 2px 15%; background-color: #FDF5E6; font-family: Vivaldi} div.header {width:1000px; height:50px; background-color:#F8F8FF;font-size:30px; font-family: Vivaldi} div.left_col {width:150px; height:550px; float:left; background-color:#F0F8FF} div.center_col {width:698px; height:550px; font-family: monospace; font-size:13px;} div.right_col {width:150px; height:550px; float:right; backgrou…

    Asked by Shroet,

    0 votes
    1 answer

  12. Проблема с формами

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

    Asked by Dima2607,

    0 votes
    1 answer

  13. Проблема с блоком поиском

    Всем привет) Вот сайт верстаю http://texteredsa.besaba.com/qm/ пытаюсь сделать вот эту копию http://www.quomodo.pl/qm3/v4_parallax/ проблема с большим блоком поиска и кнопкой button. Уже пару часов просматриваю как там в фаербаге она устроена, так понять и не могу, знаю что в css для них сделан блочный стиль. а как именно не догоняю. В бутстрапе не шарю, пытаюсь с нуля сделать. Подскажите как там сверстано?

    Asked by raptor-dm,

    0 votes
    1 answer

  14. Как сверстать такой блок ?

    Доброго времени суток. Возможно ли сверстать такой блок(ниже скрин) без картинки, кроссбраузерно ? Если да, то буду благодарен за пример кода.

    Asked by xsladfs,

    0 votes
    1 answer

  15. bootstrap: убрать скролл

    помогите пожалуйста убрать скролл, который появляется при ширине окна 992px < width < 1006px (для удобства я вывел значение ширины в шапку) вот мои настройки для bootstrap http://getbootstrap.com/customize/?id=fbddbcf1a87480d1bf27#media-queries-breakpoints мне важно чтобы расстояние между .bg_blue_innerпо прежнему оставалось 66px, а ширина .page-header 992px

    Asked by cyklop77,

    0 votes
    1 answer

  16. Не работает шрифт Futuris

    Собственно САБЖ. Шрифт не работает. Качал с разных мест, всё одни же грабли. Вот код: @font-face { font-family: 'Futuris'; font-weight: 700; src: url('fonts/FuturisBold.ttf');}Т.е. Всё банально просто, но не хочет работать. Точно таким же образом подключил OpenSans, всё пучком: @font-face {font-family: 'OS';font-weight: 700;src: url('fonts/OpenSansBold.ttf');}В чём может быть проблема?

    Asked by Tobey,

    0 votes
    1 answer

  17. Изменения стиля одного элемента при наведении на другой

    Друзья всем привет! Нужен совет! Есть меню, вот один из её пунктов: <li> <a href="#"><i class="view"></i><span>Пунк меню</span></a> </li> Как сделать так, чтобы при <a.hover> менялся цвет элемента <i>, Заранее спасибо тем, кто ответит)

    Asked by korogodin.net,

    0 votes
    1 answer

  18. горизонтальное выравнивание в bootstrap3

    подскажите пожалуйста как в bootstrap3 сделать горизонтальное выравнивание картинки <div class="doc_outer"><img class="img-responsive" src="images/doc.png" alt="" /></div>помню, что был специальный класс, но не могу найти

    Asked by cyklop77,

    0 votes
    1 answer

  19. Несколько вопросов по верстке html-письма

    Добрый вечер. Верстаю html-письмо, табличная верстка, и в принципе все получилось кроме двух моментов: 1) Как сделать кнопку "Некорректно открывается? Просмотреть письмо в браузере"? У меня тело письма динамически создается с помощью php и создать где-то страничку с полной версией емейла не могу, ибо каждому клиенту приходит письмо с разным наполнением. 2) Реально ли сделать кнопку "Распечатать письмо" чтобы прямо из почтового сервиса отдать его на печать? Или нужно снова таки через "просмотреть письмо в браузере" создавать это?

    Asked by CraftLawrence,

    0 votes
    1 answer

  20. несколько div и всплывающая подсказка

    Здравствуйте Есть у меня такое <div class="pole1"><div id="divseed0" class="pole_img"><img id="seed0" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=" onload="if(this.src=='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=')this.src=seed_src[0];" onclick="onClickSeed(event, this);"></img></div><div class="pole_name"><?php echo $pole1?></div><div class="pole_infox">1:<div class="info"><?php echo $pole1?&…

    Asked by Andrij,

    0 votes
    1 answer

  21. Слайдер на CSS

    Мучаюсь со слайдером. Почему, при сужение окна браузера, у обёртки пропорционально не изменяется высота, как у самой картинки? Как исправить? http://www.cssdesk.com/grrW4

    Asked by DivMan,

    0 votes
    1 answer

  22. Переход по якорям

    Всем доброго дня! У меня такой вопрос - необходимо сделать меню в фиксированной шапке с переходами по якорям и подсветкой активного пункта меню в зависимости от того какой раздел на странице просматривается. Как технически создать якорь понятно, подсветку активного раздела тоже понятно (использую скрипт scrollSpy), проблема в том, что при переходе по меню, самый верхний блок с якорем оказывается под шапкой. Маржины и паддинги не помогают, может Вы посоветуете что-то дельное? Заранее спасибо! Вот ссылка на пример

    Asked by MicZoloto,

    0 votes
    1 answer

  23. Проблема с выподающим меню

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

    Asked by XAXATUN,

    0 votes
    1 answer

  24. Проверка данных HTML5 формы без JS

    Интересует такой вопрос. Про параметр required в HTML 5 думаю знают многие <input required>. Если не прописать значение, то браузер при попытке отправки формы предложит-таки его заполнить. Но вот возможно ли прописать в HTML5 в форме таким образом, чтобы в группе чекбоксов, требовалось бы выбрать хотя бы один? Или без JS такое невозможно? Если прописать атрибут required в каждом чекбоксе, то браузер не успокоится пока не будут проставлены галочки на всех этих чекбоксах, то есть для меня это не катит Есть ли такая возможность или в HTML5 этого сделать невозможно?

    Asked by Аль-мухандис,

    0 votes
    1 answer

  25. Кодировочка

    Здравствуйте! Действительно ли если файлы в кодировке utf-8 то задавать её в meta ненужно и что сайт и так будет везде нормально отображаться? Спасибо за внимание!

    Asked by subm41,

    0 votes
    1 answer

  • Обсуждения

    • 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