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. text-shadow и кроссбраузерность - wtf, товарищи о_о

    всем привет. у меня появилась проблема того, что тень текста дико коверкается в сафари и в браузере телефона. неужели этого никак не избежать!? может, есть какие-нибудь решения, ведь наверно же с этим сталкивались многие другие? вот пример, здесь все минимизировано: скришот в разных браузерах: код: <!DOCTYPE html><html><head><meta charset="utf-8"> <title>font</title><style> body{background: #e5e08b;} p{ font-family: arial; color: #ffe; font-weight:bold; text-shadow: 0 0 .1ex #ba0, 0 0 .1ex #870, 0 0 .1ex #870, 0 .7ex .1ex #fff, 2ex 0 .5ex #ffd, -2ex 0 .5ex #ffd; }</style></head><body&gt…

    Asked by forest_moss,

    0 votes
    12 answers

  2. Сайт не ресайзится при открытии на смартфоне

    При открытии на айфоне сайт приходится ресайзить пальцами, иначе видно только левый верхний угол. Не могу понять что я напутал в верстке http://www.martinperevod.ru/

    Asked by Anik,

    0 votes
    3 answers

  3. div поместить вместо iframe

    Доброго времени дня! На сайте в файле index.htm есть код который отвечает за поиск по сайту. Там же имеется iframe - как мне выводить результаты поиска в этот iframe. Вот сами коды/скрипты. <div id="page"> <form id="searchForm" method="post"> <fieldset> <input id="s" type="text" /> <input type="submit" value="Submit" id="submitButton" /> <div id="searchInContainer"> <input type="radio" name="check" value="site" id="searchSite" checked /> <label for="searchSite" id="siteNameLabel">Поиск в</label> <input type="radio" name="check" value="…

    Asked by HarPy,

    0 votes
    0 answers

  4. Можно ли вкладывать hr в div

    Добрый день! Не могу разобраться со вложенностью элементов. Можно ли hr-тэг засовывать в div? В общем у меня есть класс на php который парсит шаблоны, и этот класс выдает fatal error, когда находит hr внутри div, а hr между div его совсем не напрягает. Вот хотел бы узнать где можно почитать про вложенность тэгов.

    Asked by McLotos,

    0 votes
    4 answers

  5. Ругается валидатор

    Никак не пойму, почему ошибка на 64 линии? http://validator.w3.org/check?uri=http%3A%2F%2Fbarbershop-borodinski.ru%2Fid19853%2Ftechnomart%2Findex.html&charset=utf-8&doctype=HTML5&group=0

    Asked by DivMan,

    0 votes
    12 answers

  6. Синхронизация

    Удалите это сообщение. Никто не отвечает.

    Asked by Noob Html,

    0 votes
    0 answers

  7. вертикальное выравнивание при контейнере больше родителя.

    Здравствуйте, все! Проблема такова, что надо выровнять блок, который больше родителя по высоте. т.е. мы имеем родителя с данными width: 100%; max-height: 300px; и запихиваем туда например видео или картинку (не фоном!), которые имеют параметры width: 100%; а высота получается уже 500px, как разместить что бы вырезалась средняя часть? т.е. отцентрировать по вертикали? размеры заранее не известны. Может кто толкнет в нужную сторону? Всем заранее спасибо!

    Asked by Fate-ol,

    0 votes
    4 answers

  8. Почему не работает @media?

    Задача: на экранах с шириной до 480px убрать сайдбары, после чего заполнить их место контентом. Что сделал: в общем css файле в самом верху прописал: @media=only screen and (max-device-width:480px) {#sidebar1,#sidebar2 {display:none;}#wrapper {max-width:480px;}#header, #menu, #content, #footer {width:100%;}}/* далее идет основной css для всех */Тестирую в файрфоксе инструментами для разработчика. Ничего не меняется. Вопрос: что сделать, чтобы заработало?

    Asked by nikki4,

    0 votes
    20 answers

  9. 2 <p> с одним стилем отображаются по разному

    Есть страничка http://florushka.com/feedback.php В голубых и желтых блоках одинаковый размер шрифта (14px, задан, собственно, одной и той же строкой в css). Проблема в том, что на телефоне один из них увеличивается, другой нет. Никак не могу понять, в чем магия Кто с таким сталкивался ? Есть идеи, в чем косяк ? Спасибо

    Asked by volkoff,

    0 votes
    1 answer

  10. backgtound отступ сверху

    Доброго времени суток. У меня есть форма, и там где textarea я хочу задать фон толщиной в 1px, и мне надо чтобы он с верху брал отступ сверху в 10px к примеру, всё это делается для того чтобы когда например печатается текст в textarea то что бы каждая строчка была типа как в тетради, подчёркнута линией. Есть ли какая то возможность сделать это или может быть какой то другой способ осуществить это.

    Asked by Segnava,

    0 votes
    1 answer

  11. Простой tooltip без использования плагинов?!

    Всем доброго времени суток! Подскажите, простой способ написания элементарного плагина для тултипов! Предназначен он будет для указания ошибки при неверном вводе поля формы. Заключается он в следующем: API содержит два параметра: элемент (то есть input или textarea) который пользователь заполнил неверно, текст ошибки и положение относительно элемента (слева или справа). Например, чтобы при отправке формы он появлялся (если поле заполнено неверно) и при клине на соответствующий инпут исчезал. Пробовал разбираться с готовыми библиотеками типа tooltipster, но ничего не получилось, вот решил написать свой, чтобы не нести кучу лишнего кода с проектом. Примерно так он должен…

    Asked by Antoshka007,

    0 votes
    6 answers

  12. Включить таймер

    На старом шаблоне устанавливали таймер "До конца акции осталось ...", теперь поставил новый шаблон, вставил туда код этого таймера. Сам таймер появился, но сами часы не работают. Может где-то в яваскрипте прописать нужно путь к новому шаблону?

    Asked by svang,

    0 votes
    5 answers

  13. Проблема отображения select в IE

    Всем привет. проблема с отображением тега select со своим дизайном. Помогите разобраться как использовать свой дизайн для блока select Вот HTML код: <div><select><option>65x44x16,5</option></select></div>CSS код: div { width:134px; height:25px; background:url(../images/select4.jpg); display:inline-block; z-index:1;}div select { border-radius: 0; background: transparent;; padding: 3px; border: 0; font-size: 14px; line-height: 1; -webkit-appearance: none; cursor:pointer; width:134px; height:25px; z-index:0;}Вот как отображается в Yandex бразуер: Как отображается в IE:

    Asked by Aidakaev,

    0 votes
    3 answers

  14. валидатор

    <link href="http://fonts.googleapis.com/css?family=Roboto:400,100,300|Roboto+Condensed&subset=latin,cyrillic-ext"rel='stylesheet'> подключаю этот шрифт, не проходит валидацию. вот что пишет валидатор w3c почему так и как можно решить проблему?

    Asked by raptor-dm,

    0 votes
    6 answers

  15. Фотографии в ряд по горизонтали

    Всем привет. Возник вопрос. При добавлении стилей и текста под фотографией картинки перестают быть в одну строку и каждая переходит на новую. Подскажите, пожалуйста, в каком блоке или стили нужно прописать, чтобы все 3 фотографии были в одном ряду. Спасибо <div id="home"><img src = images/1.jpg width=215 height=323 align = "center"><div class = "text-date">28 марта 2015 г.</div><img src = images/2.jpg width=215 height=323 align = "center"><div class = "text-date">27 марта 2015 г.</div><img src = images/3.jpg width=215 height=323 align = "center"><div class = "text-date">26 марта 2015 г.</div><img src = images/…

    Asked by karnager,

    0 votes
    1 answer

  16. browsersync.io работает только с html страницей

    Что есть: - локальный сервер (OpenServer) - на локальном сервере сайт "php-site" - установлен чистый browsersync без grunt и прочего запускаю brosersync: browser-sync start --proxy "php-site" --file "*"в браузере открывается мой сайт с адресом http://localhost:3000 Автообновление работает только с html файлами, если сервер к примеру отдает script.php или style.css browsersync перестает обновлять страницу при изменении файлов. Как заставить работать автообновление brosersync с php?

    Asked by ori,

    0 votes
    3 answers

  17. Проблема с @font-face

    Добрый день, проблема в следующем: Сайт на Wordpress, используется одна из готовых тем и кастомные стили. Заказчик настаивает на своем уникальном шрифте на сайте. Он был добавлен как фаил ftr45c.ttf в папку fonts, которая лежит в корне сайта. В стилях прописал: @font-face {font-family:ftr45c;src:local('ftr45c'), url(fonts/ftr45c.ttf);}h1, h2, h3, h4, h5, h6 {font-family:ftr45c !important;color:#005953 !important;}Приходится использовать !important, так как нужно перебить стили темы Wordpress. На главной все работает отлично, но на остальных страницах ситуация странная. В консоли Chrome показано, что используется уникальный шрифт, но на самом деле мы видим Times New Roman.…

    Asked by dkudrin,

    0 votes
    1 answer

  18. Галерея, HTML5 пусто! :О

    Здравствуйте Уважаемые, помогите пожалуйста разобраться. На сайте есть галерея, с главной странички есть превью (по клику на картинку из главной, должна открыться подробная галерея) но при клике, открывается лишь пустая белая страничка. Index.html ссылается на single-project.html, там есть код но внутри все равно пусто Вот код с главной: <section id="portfolio"> <div class="portfolioIntro text-center"> <div class="black-overlay"></div> <h2 data-scroll-reveal="enter top move 10px over 1s after 0.2s"> </h2> </div> </div> …

    Asked by htmlman3,

    0 votes
    0 answers

  19. Стилизация колонок в таблице c помощью <col>

    Здравствуйте! Есть таблица из двух колонок. Как можно, не прописывая класс ко всем <td>, ко второй колонке применить класс .nowra;? Я пишу так, но не срабатывает. <table><col span="1"><col span="1" class="nowrap"><thead><tr><th>Наименование услуг</th><th>Цена</th></thead></tr><tbody><tr><td>Маникюр гигиенический</td><td><strong>600-00</strong></td></tr>...

    Asked by Светлана Г.,

    0 votes
    6 answers

  20. Меню

    Есть менюшка из 6 пунктах. В 2 пунктах прикрученна функция всплывания при наведении через HTML и CSS но вот проблема видно не на всех устройставах. Посоветуйте как поправить? <ul class="top_menu_ul ul rel"><!--<li class="top_menu_li top_menu_1 rel"><a class="top_menu_a top_menu_active" href="/">Мы</a></li>--><li class="top_menu_li top_menu_1 rel"><a id="top_menu_a" class="company" href="<?php bloginfo('url'); ?>">Мы</a><div class="top_submenu abs hidden"><div class="top_submenu_top png"></div><ul class="top_submenu_ul ul"><li class="top_submenu_li submenu_1 li"><a href="<?ph…

    Asked by kap2,

    0 votes
    2 answers

  21. Подскажите сервис наложения css3 теней

    Приветствую всех! Недавно видел онлайн сервис изготовления градиентов. В последствии всё переводится в css3 код. А мне нужно сделать блок с тенями. Есть ли сервисы,желательно русскоязычные?

    Asked by tigrus2014,

    0 votes
    1 answer

  22. Работа с текстом из фотошоп

    Приветствую всех. Давно мучает такой вопрос: почему в шаблоне HTML отображается текст по другому, нежели в макете фотошоп и как сделать его одинаковым? Много раз видел профи шаблоны с идентичными текстами, а у меня такого не получается, хотя использую один шрифт Arial и в Фотошоп и в HTML... Раньше думал, что это связано в расстоянием между строк и между символов в HTML, что легко устраняется задаётся в css, но в профи макетах в css нет никаких правил, связанных с текстом. Мораль, текст не выровнять ни как и это портит вид HTML страницы.

    Asked by tigrus2014,

    0 votes
    4 answers

  23. A как вы делаете кривые линии блоков?

    Собственно вопрос. Скрин Есть вариант png картинкой, но не удается поймать цвет, отличается хоть и немного. А если градиент там а не сплошной цвет? Вариант canvas знаю что есть, только ищу легкий путь)

    Asked by Нарек,

    0 votes
    13 answers

  24. Градиент в Хроме

    Сделал такой простой градиент. http://jsfiddle.net/1k7arm03/ В Хроме и Опере возникает странная проблема - градиент оказывается сдвинутым в некоторых местах, особенно это заметно при открытии на весь экран или изменении размера окна. Помогает добавление координат 0 1px или 1px 0 или что-то ещё, но не 0 0. Что за странный баг, кто знает?

    Asked by Vlad,

    0 votes
    11 answers

  25. нужна помощ и консультация по div и сайту

    Здравствуйте, Помогите пожалуйста с одно-страничным сайтом для внутреннего пользования завода, решил сделать сайт блочного типа вот есть только одно но, не получается растянуть блоки под разные разрешения экранов http://jsfiddle.net/z0nynx6r/

    Asked by paradox93,

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