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 в IE

    http://www.marreti.ru Слева в навигации в ксс указано line-height:25px; В мозиле всё отображается корректно. Эксплорер и опера игнорирует этот интервал. Как сделать чтобы IE воспринял эту строку?

    Asked by Vector,

    0 votes
    1 answer

  2. line-height в IE, FF, Opera-e

    не подскажите где б можно было отыскать инфрормацию или сами может прокоментируете интерпретацию высоты строк в этих браузерах. Так как на практике убедился что все они по разному интерпретируют. Постоянно стыкаюсь с тем что в ФФ при задании в какойто строчки высоты строки ниже какой-то допустимой все что внизу лезет на 1px.

    Asked by Postal,

    0 votes
    4 answers

  3. line-height в inline и inline-block

    Почему line-height на высоту inline элемента не влияет, а на inline-block влияет ? Например изначально, при дефолтном размере шрифта в 16px, высота строки в хроме показывает 18.18px. И если применим line-height: 1; - то высота не изменится. А если мы превратим строчный элемент в inline-block, тогда высота уменьшается до 15.45px - и тогда высота строки равняется почти размеру шрифта. Хотя line-height: 1 это множитель шрифта, по идеи в моем понимание высота должна равняться 16px, а не 15.45. Эти значения получены у не стандартного шрифта... Но это сути не меняет. Небольшая заготовка - https://codepen.io/anon/pen/Qxpgoe. Правда там у строчного элемента и…

    Asked by SnowSilver,

    0 votes
    2 answers

  4. line-height в разных ОС и браузерах

    Возникла такая проблема, виновник опять сафари (мак). Есть подключаемый через font face шрифт. На браузерах ОС windows все работает прекрасно.. А вот сафари уменьшает line-height на много, что собственно влияет на отступы текста.. Кто то сталкивался с такой проблемой? На stack overflow есть 2 подобные темы, ни в одном ответа нет..

    Asked by Нарек,

    0 votes
    6 answers

  5. Line-height для Textarea в Opera..

    Добрый день! У меня такой вопрос: Можно ли как то кроссбраузерно повлиять на line-height для Textarea в Опере? Также хотелось бы понять - возможно ли как то задать перенос строки для вышеупомянутого случая? (Страница находиться здесь: http://yamaradg.narod2.ru/history/Forma/index.html Скриншот с описанием можно увидеть по следующему адресу: http://yamaradg.narod2.ru/history/forma.jpg ) В дополнение ко всему столкнулься с трудностями в инпутах: в Сафари и Хроме!? Проблема связана всё с тем же line-height!? В остальных браузерах всё в норме... P.S.Заранее Всем очень признателен за помощь...

    Asked by Yamaradg,

    0 votes
    0 answers

  6. line-height меньше 100%

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

    Asked by cx717,

    0 votes
    2 answers

  7. line-height одинаков в css, а визуально нет

    Заметил интересную особенность: при подобном задании стилей. Просмотреть результат можно по адресу http://tri4.ax3.net/test.html Там видно что текст который ниже налеплен. Как это можно объяснить? Как исправить я вроде знаю для внутреннего блока задать line-height: 180%; и все. Но вот вопрос почему так.? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Заголовок</title> <style type="text/css"> body {font-size:24px;} div.cornered .inner { color:#33424A; font-size:0.7em; line-height:120%; } #content_text { color:#33424A; font-size:0.75em; line-height:120%; } div.cornered .inn…

    Asked by warobushek,

    0 votes
    2 answers

  8. line-height по всей видимости как то добавился в Opera

    Люди добрые, не подскажите почему так вышло, что в Opera странно начали отображаться ссылки, такое ощущение, что в Opera, добавился line-height. Не подскажите ли Вы в чем проблема? Заранее большое спасибо. Ссылка на сайт: http://social-it.ru/ Скриншот: http://s007.radikal.ru/i302/1012/1c/4371085eaa5d.jpg

    Asked by Igorpurgen,

    0 votes
    3 answers

  9. line-height: 1,5; у <small> при DTD XHTML Mobile 1.0

    Как с этим бороться? Большие значения - ставятся, а меньше 1,5 - игнорируются.

    Asked by 7ion,

    0 votes
    4 answers

  10. Linear gradient обрезается

    Здравствуйте! Возникла проблема к которой я не могу найти решения. Если делать верстку с прижатым футером и линейным градиентом для body, то он обрезается если контент выходит за видимую часть страницы. Т.е как только для html добавляем height: 100%, градиент обрезается. Если не задавать то не обрезается, но и прижать футер уже невозможно никаким способом из моего опыта. Кто-нибудь сталкивался с данной проблемкой?

    Asked by СаIIIа,

    0 votes
    9 answers

  11. linear-gradient по нижнему краю для body

    Доброго времени суток Можно ли прикрепить сss градиент внизу. (как при использовании background-position: 0 100%)/ Вариант с background-attachment: fixed не подходит. Градиент больше высоты подвала и тянется на всю ширину. Сейчас использую 'base64 jpg'+background-position для body. Можно ли как-то иначе? Заранее спасибо. PS Поиск выдает ошибку...

    Asked by Cryolite,

    0 votes
    2 answers

  12. linear-gradient при transform

    Приветствую всех. Есть заголовок который с двух сторон обрамляется линиями. Линии сделаны с помощью linear-gradient. При трансформации блока (transform: skewX(10deg)) линия становиться ступенчатой. Я подозреваю, что проблема кроется в отрисовке linear-gradient в браузере, но четкого понимания почему так происходит у меня нет. Как бы вы реализовали данный блок и почему? ссылка на codepen для более наглядной иллюстрации проблемы. зарание спасибо!

    Asked by vaskes,

    1 vote
    2 answers

  13. LINK - не показывается иконка

    У меня ч?-т иконка не показывается( - правильно ведь? И сама иконка 16х16... В ч?м может быть подвох?

    Asked by Wol11,

    0 votes
    5 answers

  14. link вместо XHR

    Можно ли использовать тег link вместо XMLHttpRequest? И если да, то как? И вообще, какие возможности у тега link, кроме как встраивание стилей, каналов и поисковиков?

    Asked by SiPlus,

    0 votes
    6 answers

  15. list-style не наследуется

    А тут пишут, что наследуется... http://htmlbook.ru/css/list-style Тут вообще маркеров нету по умолчанию http://jsfiddle.net/jKedb/ С ума сойти, ну... Ладно, прописываю у себя в боди list-style: none; <ul id="ololosh"> <li>1</li> <li> <ul> <li>111</li> <li>222</li> </ul> </li> <li>3</li> </ul> Маркеры есть для обоих списков!!! Прописываю #ololosh { list-style: none; } Для внешнего <ul> они пропали, а для внутреннего остались. Получается, не наследуется он...

    Asked by Evkaky,

    0 votes
    5 answers

  16. List-style-image

    Люди, откройте мне глаза.СИжу уже пол часа не пойму в чем проблема. Вот сверстал меню,но там не отображаются слева от пунктов маркеры сделаны через list-style-image. Отображается только а ФФ.

    Asked by NeoMurderer,

    0 votes
    1 answer

  17. list-style-image и Internet Explorer 6

    Всем здрасти! Заметил только что одну штуку, подумал может будет кому полезна. В IE 6 для того чтобы заработало свойство стилей list-style-image достаточно задать для списка атрибут line-height. Как только он появится, начнут отображаться и маркеры. ЗЫ Что кто думает по этому поводу?

    Asked by id,

    0 votes
    1 answer

  18. list-style-image те отображается

    Господа подскажите пожалуйста,почему в моем случае не отражается list-style-image?Даже обычный list-style не отображается.В чем проблема? Верхний правый список из 2х элементов. http://cssdesk.com/EGQUa

    Asked by Temik2704,

    0 votes
    5 answers

  19. list-style-position не работает

    Всем доброго времени суток. Возникла у меня одна неприятная проблема. Захотел я маркеры списков заменить на иконки. В Icomoon сделал себе шрифт и все подключил. И тут то я столкнулся с проблемой. list-style-position работает как inside и когда я хочу чтобы он работал как outside ничего не происходит. Где же мой прокол ? <ul class="structure"> <li class="icon-page">Одна страница, логотип и заголовок</li> <li class="icon-image">Картинка и описание предложения</li> <li class="icon-in-form">Форма для заполнения информации</li> <li class="icon-send">Кнопка отправки и отзывы клиентов</li> <li class="icon-ou…

    Asked by Aleksandr.Bycyk,

    0 votes
    5 answers

  20. list-style-type - возможно ли изменять диаметр?

    Возможно ли как то прописать размер маркера? А то по-умолчанию они такие большие и неказистые

    Asked by Rhema,

    0 votes
    8 answers

  21. Lite CSS reset

    Сейчас использую такой ресет, тк без него сверху появляется не желательный отступ. * { margin: 0; padding: 0; } Пробовал такой ресет, не помогает. html, body { margin: 0; padding: 0; } Посоветуйте как сбросить стили, но без лишней не нужной работы, которую дает звездочка.

    Asked by Curaudo,

    0 votes
    2 answers

  22. logo поверх флешки

    Необходимо разиестить gif-изображение поверх флешки в шапке сайта. HTML <div id="header"> <!--Flash--> <div id="flash"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','height','293','src','img/header','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/header' ); //end AC code </script><noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash…

    Asked by Saiko,

    0 votes
    0 answers

  23. mail письмо, не отображается так как надо [HELP]

    Помогите сверстать письмо что бы в gmail нормально отображалось... Вот заготовка: http://jsfiddle.net/SDHjn/embedded/result/ Делаю ctrl+A копирую и вставляю в письмо а оно криво отображается..(( Помогите кто разбирается, там нужно в середине где пустота:текст еще А снизу на футер тоже текст... за верстку не ругайте я в этом ноль) но сделал что бы в браузере отображалось более менее сам

    Asked by xoff,

    0 votes
    3 answers

  24. mail();

    воспользовалась стандартной функцией mail(); но проверка показала, что письма доходят не на все ящики. нормально без проблем доходят на tut.by, yandex.ru и rambler.ru; на gmail.com и yahoo.com письма приходят в виде спама; на mail.ru(а так же все его образующие, такие как list.ru и тд) вообще ничего не приходит. так в чем проблема? письма банят сами почтовые порталы? или может на серваке стоят какие-то ограничения? и что сделать, чтобы все нормально функционировало? и вот еще: <? if (mail("bla-bla-bla@yandex.ru", "topic", "bla-bla-bla", "bla-bla-bla@mail.ru")) echo "the letter has been sent"; ?> в графе "от кого" должно ведь появляться bla-bla-bla@mail.ru, наскольк…

    Asked by Alex_Mak,

    0 votes
    10 answers

  25. Mailto не заполняет формы

    Есть такой код, который находится внутри php: <form action='mailto:admin@site.com?subject=Просьба%20разблокировать%20IP&body=Логин на сайте:' enctype='text/plain'> <input type='submit' value='Отправить просьбу'> в Opera работает (в ней включен обработчик mail.ru), но... Открывается окно с новым сообщением и заполненными полями, но после полной загрузки страницы, она обновляется и все заполненные поля становятся пустыми. в Firefox заполняется только адрес E-Mail (тоже включен обработчик mail.ru). в IE 9 открывается какое-то окно с классом MozillaWindowClass (хотя по-умолчанию назначен Thunderbird) и предлагает создать учётную запись для "Блоги и ленты ново…

    Asked by Strek,

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